MobX+react使用小demo

第一次接觸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!