• 请不要在回答技术问题时复制粘贴 AI 生成的内容
monkindey
V2EX  ›  程序员

React 状态管理轮子

  •  
  •   monkindey ·
    monkindey · Oct 1, 2019 · 3140 views
    This topic created in 2438 days ago, the information mentioned may be changed or developed.

    现状

    • React 本来就是一个很强大的状态机
    • 它存在的问题是 State 和 逻辑 的分享;

    React 状态管理单个组件内部很轻松,一个 state 就可以搞定。但是如果是 state 升级到跨组件的场景就有点尴尬,不管是父子通信,兄弟通信还是无相关的组件之间通信。

    方案

    基于 Context + Hook 的方式,状态管理都抽离到 Hook,然后利用 React Context 的方式把状态共享到子组件。

    你也可以通过 getContext 的方式在任何一个地方获取到状态,因为 Context 的方式只能在 Function Component,如果你想在事件监听函数获取状态的话,可以通过 getContext 的方法。

    传送门

    conuse

    4 replies    2019-10-01 20:10:58 +08:00
    xjq
        1
    xjq  
       Oct 1, 2019 via Android
    useReduer
    zhigang1992
        2
    zhigang1992  
       Oct 1, 2019 via iPhone
    monkindey
        3
    monkindey  
    OP
       Oct 1, 2019
    @zhigang1992 额额,有很多 Context + Hook 的状态管理,比如 constate https://github.com/diegohaz/constate/ 我在 readme 都有说我是参考他们的,毕竟我这个确实是一个轮子。
    monkindey
        4
    monkindey  
    OP
       Oct 1, 2019
    @zhigang1992 其实整体思路都是差不多,但是还有差异点的。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5777 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 48ms · UTC 02:45 · PVG 10:45 · LAX 19:45 · JFK 22:45
    ♥ Do have faith in what you're doing.