当前位置: 首页 > 网络应用技术

从人力资源嘴里学习React状态管理库(MOBX,后座),并立即学习MOBX

时间:2023-03-06 23:35:44 网络应用技术

  在理解后坐力之后,我立即学习了MOBX并在热时击中了铁。

  如果您想在React中使用MOBX,我们需要安装或。

  状态是驱动应用程序的数据。它是我们通过MOBX管理的数据。

  来自状态的派生(导数),没有任何进一步的相互作用是导数。

  MOBX区分了两种类型的衍生物:

  如果要根据当前状态创建一个值,请使用它。

  操作(操作)操作是可以一一更改状态的代码。用户事件,返回数据推送,预定事件等。这是更新MOBX管理的状态。

  观察者如果要在组件中使用MOBX定义状态,则需要使用观察者包装组件。

  请注意,此高端功能在库中。

  MakeObservable定义了存储中属性和操作的配置。

  可观察的使商店中的数据成为响应属性。

  动作表明该方法是一种方法。

  BOND代表此方法此方法。当我们使用此方法时,请使用此方法。

  计算表明当前值是一个计算值。将被缓存。依赖关系发生变化后,自动计算和缓存。

  makeautoobservable我们知道,在定义状态或操作之后,我们需要配置它们以使其成为响应数据或操作,这非常麻烦。

  但是,此API可以自动推断我们的状态和操作,并自动配置。

  默认页面将执行一次。当状态依赖性更改时,可以执行。

  反应不会立即执行,并且在监视的依赖性更改时将执行。

  异步操作不需要MOBX中的任何特殊处理,因为所有导致它的反应都将自动更新。

  没有异步操作的动作方法将不会出现问题,并且数据也将得到响应。但是,控制台会警报。

  以上警告可以通过配置关闭。

  不建议使用上述方法。不要在动作函数中对状态异步修改状态。

  正确解决异步操作

  原始:https://juejin.cn/post/711314998209344775