如何在mobX中将商店注入另一个商店

Question

我将mobX与React和Meteor结合使用，我需要能够将一个商店中保存的信息用于另一个商店。具体来说，我需要在商店B中引用商店A，以便调用商店A的操作，并通过订阅集合来获取它已检索到的信息。我使用了@inject装饰器，但不知道如何调用该动作。谢谢

Answer 1

@inject用于将Provider中的东西注入React组件，而不是商店之间。

您可以将第一个商店导入第二个商店并立即调用该操作。

例

// store1.js
import { observable, action } from 'mobx';

class Store1 {
  @observable count = 0;

  @action increment() {
    ++this.count;
  }
}

export default new Store1();

// store2.js
import { observable, action } from 'mobx';
import store1 from './store1';

class Store2 {
  @observable name = 'foobar';

  constructor() {
    store1.increment();
  }

  @action changeName(name) {
    this.name = name;
  }
}

export default new Store2();