Как вы используете 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