Reactjs 访问React组件外部的MobX状态?

Reactjs 访问React组件外部的MobX状态?,reactjs,mobx,mobx-react,Reactjs,Mobx,Mobx React,我正在使用MobX存储来保存一些用户身份验证数据,作为可观察数据。我想访问一些函数的数据,这些函数我想在组件注入/观察者模式之外运行。这样做明智吗 例如,身份验证函数: function authMe() { ...access mobx data here to perform conditional logic} 我同意user1628461,但如果应用程序增长,那么重复将存储作为参数传递可能会有问题 您可以先初始化存储,然后在初始化helper类时将其作为参数传递。 通过这种方式,您可以

我正在使用MobX存储来保存一些用户身份验证数据,作为可观察数据。我想访问一些函数的数据,这些函数我想在组件注入/观察者模式之外运行。这样做明智吗

例如,身份验证函数:

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

我同意user1628461,但如果应用程序增长,那么重复将存储作为参数传递可能会有问题

您可以先初始化存储,然后在初始化helper类时将其作为参数传递。 通过这种方式,您可以保存对存储的引用及其可观察对象,并在需要时访问它。见示例:

App.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';
  }
}

如果您没有提供更多的体系结构信息,我想说,由调用它的人将数据传递到助手函数是有意义的。