Mobx + React не будет обновлять визуализированный компонент

Question

Я использую MOBX, чтобы открыть и закрыть модальное окно (с реагировать)

К сожалению, изменения в состоянии не отражаются во всплывающем окне. В чем может быть проблема?

Изменить: я добавил песочницу с более простым примером: https://codesandbox.io/s/7z161kyv86

Answer 1

decorate не работает из-за того, как Babel 7 трансформирует свойства класса.

Бабель 7

class Foo {
  value = 1;
}

// =>

class Foo {
  constructor() {
    Object.defineProperty(this, "value", {
      configurable: true,
      enumerable: true,
      writable: true,
      value: 1
    });
  }
}

Вам необходимо настроить @babel/plugin-proposal-class-properties плагин для использования loose режим для его преобразования таким же образом, как Babel 6.

.babelrc

{
  "plugins": [
    [
      require('@babel/plugin-proposal-class-properties').default,
      {
        loose: true
      }
    ]
  ]
}

Бабель 6

class Foo {
  value = 1;
}

// =>

class Foo {
  constructor() {
    this.value = 1;
  }
}