请说明在 React 应用中，状态管理可以采取哪些方式？并比较它们各自的适用场景。

回答思路

1. 【回答框架 1】React 状态管理主要分为三类：本地状态、全局状态和服务器状态。本地状态指组件内部使用 useState 或 useReducer 管理的数据，适用组件私有、生命周期短的数据。
2. 【回答框架 2】全局状态需要跨组件共享，常用方案有 Context API、Redux 和 Zustand。Context API 适合低频更新、结构简单的共享数据，如主题、用户信息；Redux 适用于复杂状态逻辑和可预测性要求高的场景，配合 Redux Toolkit 简化样板代码；Zustand 以轻量、无样板代码为特点，适合中等复杂度项目。
3. 【回答框架 3】服务器状态需要与后端同步，推荐使用 React Query 或 SWR，它们提供缓存、重试、请求去重等能力，减少手动管理 loading、error 状态。
4. 【回答框架 4】选择准则：本地状态优先，避免过度设计；全局状态根据更新频率和结构复杂度选择；服务器状态建议使用专门的请求库，避免将异步数据直接放入 Redux。
5. 【关键点 1】本地状态用 useState/useReducer，适合组件私有数据。
6. 【关键点 2】Context API 适合低频更新、简单共享，但可能导致不必要的重渲染。
7. 【关键点 3】Redux 适合复杂状态逻辑，需要搭配 Redux Toolkit 提升效率。
8. 【关键点 4】Zustand 提供轻量全局状态管理，适合中等复杂度项目。
9. 【关键点 5】服务器状态推荐 React Query/SWR，内置缓存和同步机制。
10. 【易错点 1】将服务器状态放入全局状态会导致重复请求和缓存失效问题。
11. 【易错点 2】Context API 的 value 变化会触发所有消费者重渲染，需使用 memo 或拆分 Context。
12. 【易错点 3】过度使用全局状态管理增加维护成本，应优先使用本地状态。