javascript - 如何在命名空间: MobX内使用装饰器

Question

我在客户端代码中使用 MobX，如下所示:

<script src="/js/mobx.umd.js"></script>
<script src="/js/mobx-react/index.min.js"></script>

现在，当我想像下面这样实际使用 MobX 时，它不起作用，即我的客户端用户界面不会对可观察变量的更改使用react:

const action=window.mobx.action
const observable=window.mobx.observable

class Store {

    @observable isLoggedIn=false;
    @action setIsLoggedIn=(tf)=>{this.isLoggedIn=tf}
}

我想知道如何在 ES6 中实际使用 window.mobx.action 和 window.mobx.observable。

<小时/>

之前我将 MobX 与 NPM 结合使用，如下所示，并且运行良好:

import { action, observable } from 'mobx'

Answer 1

装饰器仅通过 babel/typescript 转译来支持。对于 ES5 语法，请参阅 https://mobx.js.org/best/decorators.html