React state管理的三个规则

原文信息: 查看原文查看原文

3 Rules of React State Management

- Dmitri Pavlutin

State在React组件中连续的渲染中承担了重要的角色,要想很好地管理好组件内的state,需要做很多地尝试和总结。虽然现在有了useState(),可以更容易地管理state,但还是会遇到一些问题:

  • 我应该把组件里的state分割成很多小组件,还是保持一个组件?
  • 如果state管理变得复杂了,我应该把它从组件里抽离出来吗?如果是的话,我要怎么做呢?
  • 如果useState()的使用如此简单,什么时候我才需要useReducer()呢?

作者介绍了三个简单的规则,用来解答上面的问题,来帮助你设计组件的state,做好state管理。

  1. Make a state variable responsible for one concern.
  2. Extract complex state logic into a custom hook.
  3. Extract multiple state operations into a reducer.

文中每个规则的讲解都很清晰,建议阅读原文查看详细的解读。

分享于 2020-03-16

访问量 1164

预览图片