将 useReducer 与 useState 组合在同一组件中

Nir*_*Nir 8 reactjs react-hooks

我使用useReducer包含我的状态的 React hooks,假设我有 3 个状态字段 - abc。这些字段联系在一起并且大部分都一起改变——所以reducer函数是有凝聚力的。如果我有d与其他状态不内聚的不同状态字段 - 我应该在同一组件中同时使用useState(for d) 和useReducer(for a, band c) 还是最好使用相同的减速器函数?此外 - 如果我有更多类似的字段d在类似的地方发生变化 - 我应该使用 2 个单独的减速器吗?此案例的最佳实践是什么?

Ili*_*asT 6

我的建议是同时使用useStateuseReducer,因为useReducer这只是一个抽象useState

就像您不会尝试将组件的所有状态塞入一个useState钩子一样,您可能也应该避免为useReducer.