静かな森
·
使用 Jotai 抽离组件状态的经验
💡
原文中文，约3900字，阅读约需10分钟。
📝
内容提要
Jotai是一个基于原子模型的React状态管理库，通过组合原子来构建状态并优化渲染。使用Jotai可以方便地管理状态，并减少重渲染。Jotai提供了useAtom、useAtomValue和useSetAtomValue等钩子函数来使用atom。另外，Jotai还提供了selectAtom函数来创建只读atom，并实现选择器功能。使用Jotai可以将全局状态收缩到组件内部，提高组件的复用性。
🎯
关键要点
- Jotai是基于原子模型的React状态管理库，通过组合原子构建状态并优化渲染。
- 使用Jotai可以方便地管理状态，减少重渲染，支持useAtom、useAtomValue和useSetAtomValue等钩子函数。
- Jotai允许将全局状态收缩到组件内部，提高组件复用性。
- 使用useAtom替代useState，简化状态管理。
- Jotai提供useAtomValue和useSetAtomValue，按需使用可减少组件重渲染。
- 使用useContext和atom结合，可以将全局状态收缩到组件内部，避免状态共享问题。
- selectAtom函数用于创建只读atom，主要用于实现选择器功能，避免不必要的重渲染。
- 使用selectAtom提取内部值时，需用useCallback包裹selector，确保函数不变以避免重渲染。
➡️
