State
在React组件中连续的渲染中承担了重要的角色,要想很好地管理好组件内的state
,需要做很多地尝试和总结。虽然现在有了useState()
,可以更容易地管理state
,但还是会遇到一些问题:
- 我应该把组件里的
state
分割成很多小组件,还是保持一个组件? - 如果
state
管理变得复杂了,我应该把它从组件里抽离出来吗?如果是的话,我要怎么做呢? - 如果
useState()
的使用如此简单,什么时候我才需要useReducer()
呢?
作者介绍了三个简单的规则,用来解答上面的问题,来帮助你设计组件的state
,做好state
管理。
- Make a state variable responsible for one concern.
- Extract complex state logic into a custom hook.
- Extract multiple state operations into a reducer.
文中每个规则的讲解都很清晰,建议阅读原文查看详细的解读。