React Context 应该怎么用?

[FaiChou]

Context 可以跨层级传数据, 和 props 一样, 当 context 数据变动, Consumer 也会更新.

再一想, context 数据是怎么变化的? Context 数据绑定到 Provider 的 state 中, 需要 setState 来更新 context 数据, 那么 setState 会触发 re-render, 这样子组件自然也会刷新.

但感觉这种情况也不需要 Context 也能实现啊? 比如全局有一个 themeObj, 在最外层的监听这个 obj 的变化, 如果变化, 手动调用 forceUpdate, 这样子组件也会触发更新, 子组件只需要 import 这个 themeObj 使用即可, 每次 re-render 都会拿到最新的数据.

[wobuhuicode]

react 主张的是单向数据流的方式。
要是各种使用监听的去更新 view 的话，而且项目大了，数据多了，代码就会变得很难看。

[FaiChou]

https://gist.github.com/FaiChou/4cbdf57e55b34d3234be9a10daa78816

[coolzjy]

context 基本就是这个思路，只不过你这样把状态放在全局的实现智能有一个 context ，如果要有多个的话要添加一堆 hack ，这样 hack 下来基本就是 react context 的样子了。

[fernandoxu]

你说的就是代理呗，有 valtio 还有 @ nanxiaobei 搞的类似东西

[fernandoxu]

https://github.com/jherr/which-react-state-manager

状态管理五花八门，想咋玩都行，看口味儿

[CokeMine]

手动 forceUpdate 不太优雅吧
而且 hook 要想 forceUpdate 也得借助于一个 useState 了

[KuroNekoFan]

因为 useContext 很舒服