javascript - Mobx + React 不会更新渲染的组件

Question

我正在使用 mobx 打开和关闭弹出模式(带有反应)

不幸的是，状态的变化没有反射(reflect)在弹出模式中。可能是什么问题？

编辑:我添加了一个带有更简单示例的沙箱:https://codesandbox.io/s/7z161kyv86

Answer 1

由于 Babel 7 转换类属性的方式，

decorate 不起作用。

Babel 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;
  }
}