如何在create-react-app生成的项目中为mobx使用babel装饰器

Question

我创建了一个项目create-react-app并安装了 mobx ，并且 mobx-react 我在项目中使用这个简单的状态类的模块我总是在下面得到这个错误。

import {autorun, observable} from 'mobx'

export default class AppState{
    @observable teams =[]

    @computed addNewTeam(){
        this.teams.push('Team 1')
    }
}

autorun(()=>{
    console.log(this.teams[0]);
})

还使用this指南

安装了Babel

如何解决这个问题？

Answer 1

我有两种可能的解决方案，一种是here;使用不带装饰器的mobx和babeljs transpiler。

第二，更接近我的需要是here;使用自定义反应脚本的入门套件，包括babeljs config