1. 程式人生 > >react項目的中使用mobx狀態管理安裝ES7裝飾器(Decorator)語法教程

react項目的中使用mobx狀態管理安裝ES7裝飾器(Decorator)語法教程

很多 可能 comm 追蹤 react tor 工具 ack 裝飾器

那麽如何實現裝飾器的使用呢?

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

加入之後就可以使用裝飾器語法了。

react項目的中使用mobx狀態管理安裝ES7裝飾器(Decorator)語法教程