在理解后坐力之后,我立即学习了MOBX并在热时击中了铁。
如果您想在React中使用MOBX,我们需要安装或。
状态是驱动应用程序的数据。它是我们通过MOBX管理的数据。
来自状态的派生(导数),没有任何进一步的相互作用是导数。
MOBX区分了两种类型的衍生物:
如果要根据当前状态创建一个值,请使用它。
操作(操作)操作是可以一一更改状态的代码。用户事件,返回数据推送,预定事件等。这是更新MOBX管理的状态。
观察者如果要在组件中使用MOBX定义状态,则需要使用观察者包装组件。
请注意,此高端功能在库中。
MakeObservable定义了存储中属性和操作的配置。
可观察的使商店中的数据成为响应属性。
动作表明该方法是一种方法。
BOND代表此方法此方法。当我们使用此方法时,请使用此方法。
计算表明当前值是一个计算值。将被缓存。依赖关系发生变化后,自动计算和缓存。
makeautoobservable我们知道,在定义状态或操作之后,我们需要配置它们以使其成为响应数据或操作,这非常麻烦。
但是,此API可以自动推断我们的状态和操作,并自动配置。
默认页面将执行一次。当状态依赖性更改时,可以执行。
反应不会立即执行,并且在监视的依赖性更改时将执行。
异步操作不需要MOBX中的任何特殊处理,因为所有导致它的反应都将自动更新。
没有异步操作的动作方法将不会出现问题,并且数据也将得到响应。但是,控制台会警报。
以上警告可以通过配置关闭。
不建议使用上述方法。不要在动作函数中对状态异步修改状态。
正确解决异步操作
原始:https://juejin.cn/post/711314998209344775