react项目的中使用mobx状态管理安装ES7装饰器(Decorator)语法教程

那么如何实现装饰器的使用呢?

1.在命令行工具中使用 npm run eject。不熟的情况下可能会报错,如果报错的信息大概意思是:有些文件未被追踪到,那么直接git add . 再 git commit -m "",或者直接在.gitignore中忽略这些文件(不建议)
2.npm run eject之后package.json中会出现很多依赖建议yarn/npm i 一下。
3.然后打开package.json文件,找到“babel”开头的一个对象,(一般在最后,),这是原始的样子:

"babel": {
    "presets": [
      "react-app"
    ]
 }

在presets后面加入一项:

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ]
    ]
}

加入之后就可以使用装饰器语法了。

上一篇:关于ES5的indexof()和ES7的includes()的区别


下一篇:ES5-ES6-ES7_数值的扩展