如何在非组件类中通过MobX与React Context调用Store方法？

你遇到的核心问题是：非组件类无法直接通过React Context获取MobX Store实例——毕竟Context是React组件树特有的机制，非组件类不在这个体系里。下面给你两种实用的解决方案，适配不同场景：

方案1：依赖注入（推荐，更符合可测试性） #

这种思路是把需要的Store实例作为参数传递给非组件类的方法，让方法的依赖关系更明确：

首先修改FooStore的doSomething方法，把barStore传递进去：

// FooStore
import { observable, action } from "mobx";
import ExampleClass from "app/services/exampleClass";
import { BarStore } from "./BarStore";

export class FooStore {
  @observable public foo: string = "";

  // 从根Store初始化时传入barStore
  constructor(private barStore: BarStore) {}

  @action public doSomething() {
    // 把barStore传给ExampleClass的方法
    this.foo = ExampleClass.doSomething(this.barStore);
  }
}

然后更新根Store的初始化逻辑，确保FooStore能拿到BarStore实例：

// 根Store文件
import { FooStore } from "./FooStore";
import { BarStore } from "./BarStore";
import { createContext } from "react";

class Store {
  public fooStore: FooStore;
  public barStore: BarStore;
  
  constructor(){
    this.barStore = new BarStore();
    this.fooStore = new FooStore(this.barStore); // 传入barStore实例
  }
}

export const stores = new Store()
export default createContext(stores);

最后修改ExampleClass的方法，接收并使用barStore：

// ExampleClass
import { BarStore } from "../path/to/BarStore";

export default class ExampleClass {
  public static doSomething(barStore: BarStore): string {
    barStore.setBar(1000); // 直接调用action更新属性
    return "Some string";
  }
}

这种方式的好处是依赖清晰，单元测试时可以轻松传入Mock的Store实例，避免全局依赖带来的测试麻烦。

方案2：使用全局Store实例（适合小型项目） #

既然你在根Store文件里已经创建了一个全局的stores实例，直接导出它让非组件类导入使用即可：

首先修改根Store文件，导出全局实例：

// 根Store文件
import { FooStore } from "./FooStore";
import { BarStore } from "./BarStore";
import { createContext } from "react";

class Store {
  public fooStore: FooStore;
  public barStore: BarStore;
  
  constructor(){
    this.fooStore = new FooStore();
    this.barStore = new BarStore();
  }
}

export const stores = new Store() // 导出全局实例
export default createContext(stores);

然后在ExampleClass里直接导入并调用：

// ExampleClass
import { stores } from "../path/to/根Store文件";

export default class ExampleClass {
  public static doSomething(): string {
    stores.barStore.setBar(1000); // 直接访问全局Store实例
    return "Some string";
  }
}

这种方法最简单快捷，但缺点是全局实例会增加测试复杂度（需要重置或替换实例），更适合小型应用或者快速原型开发。

重要补充 #

你原来的BarStore里的setBar方法缺失了赋值逻辑，记得补上：

@action public setBar(value: number) {
  this.bar = value; // 这行必须存在，否则属性不会被更新
}

内容的提问来源于stack exchange，提问作者Englund0110