React / MobX：存储值未定义？

Question

我的 MobX 自动运行函数会注销undefined此处的两个值。另外，在我的组件中import user from '../../stores/UserStore，我使用的实例{user.userName}都没有显示任何内容。

import { observable, autorun } from 'mobx'

class UserStore {
  @observable userName = "tommy";
  @observable arr = [0,1]
}

const user = window.user = new UserStore

export default user;


// user.userName = "timmy"; // works, but not observable.

autorun(() => {
  console.log(user.userName) // undefined
  console.log(user.arr) // undefined
})

Answer 1

如果您想将装饰器与 create-react-app 一起使用，您将需要弹出该应用程序。“运行 npm runject 会复制所有配置文件和传递依赖项。 ” https://github.com/facebookincubator/create-react-app另外我发现你需要先将transform-decorators-legacy插件放在前面，如下所示：

plugins: ['transform-decorators-legacy','transform-class-properties']

当你做完这一切之后。以下内容将有效并且已经过测试。

@observer class Counter extends React.Component {
    @observable count = 0
}