当前位置:   article > 正文

MobX store 基于另一个 store 做出 reaction_mobx中一个store要用另一个store的状态如何写

mobx中一个store要用另一个store的状态如何写

背景

最近遇到一个问题:我们每个域(Domain)都维护自己的一个 MobX store,通常情况下不需要和其他 store 产生联系。比如我们是搜索引擎组(相当于一个域),只需要维护自己的 store 就行了。

但突然有个需求,需要我们这个 store 和用户账户组(另一个域)的 store 产生联系:当用户在同一个账户下切换使用者子账户时(比如一家几口人共用一个账户,但有各自的使用者子账户),我们就要加载相应子账户的搜索历史记录。

简单来说就是:在用户账户 store 中表示子账户的那个值发生变化时,我们搜索引擎 store 中的搜索历史记录就需要重新加载了。

那么,如何实现这个需求呢?

RootStore 模式

首先,为了能够基于另一个 store 的状态来触发事件,首先需要能够访问另一个 store。

应该有不止一种方法可以实现这个目的,但 MobX 官网 推荐的方式是 RootStore 模式

简单来说就是,每个真正使用的 store 都是 rootStore 的一个属性,而它们又都把 rootStore 作为自己的一个属性来储存:

class RootStore {
   
    constructor() {
   
        this.fooStore = 
  • 1
  • 2
  • 3
  • 4
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/280130
推荐阅读
相关标签
  

闽ICP备14008679号