reactjs - 在 React 组件之外访问 MobX 状态？

Question

我正在使用 MobX 存储将一些用户身份验证数据作为可观察对象保存。我想访问一些数据，用于我想在带有组件的注入(inject)/观察者模式之外运行的某些功能。这样做明智吗？

例如一个身份验证功能，如下所示:

function authMe() { ...access mobx data here to perform conditional logic}

Answer 1

我同意 user1628461，但是如果您的应用程序增长，重复将 store 作为参数传递可能会出现问题。

您有一种可能性是首先初始化您的商店，然后在初始化您的助手类时将其作为参数传递。
这样你就可以保存对 store 的引用，它的 observables，并在需要时访问它。见示例:

应用程序.jsx

import Store from './store.jsx'
import Helper from './helper.jsx'

const myStore = new Store();
const myHelper = new Helper(myStore);

myHelper.doSomething();

helper.jsx

export default class Helper {

  constructor(store){
    this.store = store;
  }

  doSomething() {
    // do something with the store
    this.store.useAction();
    this.store.anObservable = 'modified';
  }
}