现状
- React 本来就是一个很强大的状态机
- 它存在的问题是 State 和 逻辑 的分享;
React 状态管理单个组件内部很轻松,一个 state 就可以搞定。但是如果是 state 升级到跨组件的场景就有点尴尬,不管是父子通信,兄弟通信还是无相关的组件之间通信。
方案
基于 Context + Hook 的方式,状态管理都抽离到 Hook,然后利用 React Context 的方式把状态共享到子组件。
你也可以通过 getContext 的方式在任何一个地方获取到状态,因为 Context 的方式只能在 Function Component,如果你想在事件监听函数获取状态的话,可以通过 getContext 的方法。
