在我的React应用程序中，mobx @action没有触发- mobx，mobx-react-lite

Question

我第一次使用mobx & mobx-react-lite，我可以看到@action没有触发任何事件。

请找到Code SandBox url here

我的意思是，当我点击按钮时，陈的名字应该改为西安。但这是不可能的。你能告诉我我哪里弄错了吗？提前谢谢。

Answer 1

myStore构造函数中缺少makeObservable。

Codesandbox

Documentation

import { observable, action, makeObservable } from "mobx";

export class myStore {
  @observable name: string = "CHAN";

  constructor() {
    makeObservable(this)
  }

  @action
  setName(newName: string) {
    this.name = newName;
  }
}

Answer 2

除了@Christiaan，你还可以一起使用makeAutoObservable和drop装饰器！

import { observable, action, makeAutoObservable } from "mobx";

export class myStore {
  name: string = "CHAN";

  constructor() {
    makeAutoObservable(this)
  }

  setName(newName: string) {
    this.name = newName;
  }
}

更多信息：https://mobx.js.org/react-integration.html