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

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