您如何一起使用MobX`autorun`，`observable`和`decorate`？

Question

我正在尝试演示MobX的autorun，observable和decorate的简单用法。给出以下代码：

const { autorun, decorate, observable } = require('mobx');

class State {
  value = 1
}

decorate(State, { value: observable });

const state = new State();

autorun(() => {
  console.log(state.value);
});

state.value++;

我希望它记录下来：

1
2

但是，它仅记录以下内容：

1

我以为autorun会跟踪其访问的任何可观察对象，如果这些可观察对象发生更改，则将再次运行。我错过了什么？

我正在使用Node.js 12.13.0和MobX 5.14.2。

Answer 1

节点12.13.0不支持public class field syntax

您将需要一个编译器来运行您的示例。

CodeSandbox example