第一次接觸mobx，網上找了很多例子，寫此主要總結一下create-react-app + mobx入門
create-react-app myreact
cd myreact
npm install
npm start
因樓主默認端口被占用，先修改端口，也為了安裝其他插件，現將eject彈出，這時執行npm run eject會報錯， 是因為git原因，需要執行命令：git add . git commit -m 'test'
成功后執行npm run eject, 會問你是否彈出， 因為eject彈出后將不能恢復成原來，此執行Y， 彈出后執行命令npm start
因為mobx用到修飾器， 單修飾器還只是es7的一個提案，需要安裝支持修飾器的依賴
npm i --save-dev babel-plugin-transform-decorators-legacy
npm install @babel/plugin-proposal-decorators --save-dev
現在修飾器語法應該就沒什么問題了 開始安裝mobx
npm install mobx --save
npm install mobx-react --save
然后配飾package.json
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"@babel/plugin-proposal-decorators",
{
"legacy": true
}
],
[
"@babel/plugin-proposal-class-properties",
{
"loose": true
}
]
]
}
src下面新建一個名為store的文件夾
新建todoList.js
新建viewtodo.js
app.js
index.js
以上為全部代碼 success!