欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-20 20:02:10
那么如何实现装饰器的使用呢? 1.在命令行工具中使用 npm run eject。不熟的情况下可能会报错,如果报错的信息大概意思是:有些文件未被追踪到,那么直接git add . 再 git commit -m "",或者直接在.gitignore中忽略这些文件(不建议)2.npm run ejec ......

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

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
        }
      ]
    ]
}

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