将 React 钩子与 redux 一起使用 [重复]

Question

如果我在 Redux 的 reducer 中有一个状态，我应该在函数组件中有一个“本地”状态吗？或者我应该只使用减速器的状态？ 更清楚...如果我使用 Redux，我应该使用像 (useState) 这样的 React 钩子吗？

Answer 1

对此没有“正确”的答案。一些用户更喜欢将每一条数据都保存在 Redux 中，以始终维护其应用程序的完全可序列化和受控版本。其他人更喜欢在组件的内部状态中保留非关键或 UI 状态，例如“此下拉列表当前是否打开”。

使用本地组件状态很好。作为开发人员，您的工作是确定构成您的应用程序的状态类型以及每个状态应该存在的位置。找到适合您的平衡点，并坚持下去。

确定应将哪种数据放入 Redux 的一些常用经验法则：

• 应用程序的其他部分是否关心这些数据？
• 您是否需要能够基于此创建进一步的派生数据 原始数据？
• 是否使用相同的数据来驱动多个组件？
• 能够将此状态恢复到给定状态是否对您有价值 时间点（即时间旅行调试）？
• 您是否要缓存数据（即，使用状态中的内容，如果它是 已经在那里而不是重新请求它）？
• 您希望在热重载 UI 时保持此数据一致吗 组件（交换时可能会丢失其内部状态）？

参考： https://redux.js.org/faq/organizing-state#do-i-have-to-put-all-my-state-into-redux-should-i-ever-use-reacts-setstate