用途:为前端应用实现状态管理方案,适用于多组件共享数据、跨 5 层以上传递 props、认证/购物车/主题等复杂状态逻辑,以及服务端数据与客户端状态同步。
主要能力:先判断状态范围——仅单组件使用的表单值、开关等用 useState/useReducer 作本地状态;跨组件共享的认证、购物车、主题、语言用 Context API、Redux 或 Zustand。随后按复杂度选型:简单全局状态用 React Context API(含自定义 useAuth hook 示例);中等复杂度用 Zustand,安装命令 npm install zustand,支持 devtools 与 persist 中间件;大型应用、复杂逻辑与中间件需求用 Redux Toolkit,安装命令 npm install @reduxjs/toolkit react-redux;服务端数据获取与缓存用 React Query(TanStack Query),含 useQuery、useMutation 与缓存失效示例。表单状态建议 React Hook Form + Zod。
使用方式:按步骤确定状态范围,再套用对应库的 Provider、store 或 hook 模式接入组件。
限制与规则:必须保持状态不可变,禁止直接修改;遵循最小状态原则,不存储可推导值;保持单一数据源,不重复存储同一数据;禁止过度 props 钻取(5 层以上应改用 Context 或状态库);避免把所有状态都设为全局。建议按需选择性订阅、使用清晰的动作命名并采用 TypeScript。资料未提供具体收费、价格与平台限制信息。