请解释 MobX 在 React 中的角色，并说明它适用于哪些类型的应用场景？

回答思路

1. 【回答框架 1】MobX 是一个基于响应式编程的 React 状态管理库，核心原理是观察状态变化并自动更新依赖。通过可观察对象（observable）、计算值（computed）和动作（action）实现透明的依赖追踪。
2. 【回答框架 2】MobX 与 React 结合时，通过 observer 包装组件，使组件在依赖的状态变化时自动重新渲染。应用场景包括中小型项目、需要快速迭代的团队，以及状态逻辑复杂但追求简洁代码的场景。
3. 【回答框架 3】MobX 特别适合管理全局状态（如主题、用户信息）、共享数据（如购物车），以及与外部数据源同步的状态。它降低了样板代码量，相比 Redux 更直观易用。
4. 【关键点 1】MobX 使用可变状态，通过 observable 标记状态，自动追踪依赖并响应变化。
5. 【关键点 2】observer 将组件与状态绑定，实现细粒度的自动更新。
6. 【关键点 3】适用于中小型应用或需要快速开发的场景，不推荐超大规模项目。
7. 【易错点 1】过度使用可观察对象可能导致不必要的渲染，需注意优化。