用途:Jotai 是 React 的原子化(atomic)状态管理方案,以“原子”为最小状态单元,自下而上组合复杂状态,适合需要细粒度更新与灵活派生的 React 应用。
主要能力:支持原始原子(数字、字符串、布尔、对象、数组);派生原子(只读派生、可读写派生、只写 action 原子);异步原子(配合 Suspense 或 loadable 处理加载与错误);工具函数包括 atomWithStorage(持久化到 localStorage/sessionStorage)、atomWithReset、atomFamily、selectAtom、splitAtom,以及 jotai-optics 的 focusAtom;Provider 与 createStore 支持作用域状态和 React 外部读写订阅;jotai-devtools 提供调试。
使用方式:安装 npm install jotai。用 atom 定义原子,在组件中用 useAtom(读写)、useAtomValue(只读)、useSetAtom(只写)消费;异步原子用 Suspense 包裹或经 loadable 手动处理状态;用 Provider 隔离状态,用 createStore 在 React 外 get/set/sub。
适用场景:表单状态、列表项拆分、乐观更新、跨组件共享状态、需要按字段订阅以减少重渲染的场景。
限制与注意:原子应定义在组件外,避免重复创建;异步需 Suspense 边界或 loadable;更新对象需返回新对象而非直接修改;派生链不宜过深;selectAtom 可配相等函数控制重渲染。资料未提供收费、价格与平台支持信息。