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.
文中每个规则的讲解都很清晰,建议阅读原文查看详细的解读。
