javascript - 如何在 MobX 中将装饰器 @action 转换为非装饰器 Action

Question

我正在从我的 React Native 应用程序中删除装饰器(babel 有太多问题)并且我的操作不起作用(包含的函数不运行)。

我正在翻译集体诉讼，例如

class MyStore {
  //...

  @action 
  myAction(param) {
    //...
  }
}

到

class MyStore {
  //...

  myAction(param) {
    action("Perform action with param", (param) => {
      //...
    })
  }
}

将类 @action 转换为非装饰器形式的正确方法是什么？

Answer 1

您可以将操作定义为

class MyStore {
  //...

  myAction = action(param => {
    //...
  });
}

或使用runInAction()

class MyStore {
  //...

  myAction(param) {
    runInAction(() => {
      //...
    })
  }
}