使用React+redux+Node.js+MongoDB開發(二)--使用redux
阿新 • • 發佈:2021-01-04
安裝MongoDB,電腦是mbp,根據步驟安裝好了MongoDB之後,用命令mongod啟動資料庫的時候,老是報Abort trap: 6,然後shut down。網上也找不到類似的問題,最後重新找了MongoDB的安裝資料,發現用brew安裝了之後,還得進行環境變數的配置。
環境變數配置參考https://blog.csdn.net/alicelmx/article/details/84099034,
Mongoose文件型別
- String,Number等資料結構
- create、remove、update分別用來增刪改的操作
- find和findOne用來查詢資料
mongod --config /usr/local/etc/mongod.conf後臺啟動
express結合mongodb
封裝mongoose
新建
Redux是什麼
專注於狀態管理的庫
- Redux專注於狀態管理,和react解耦
- 單一狀態,單向資料流
- 核心概念:store、state、action、reducer
Redux的使用方法
- 首先通過reducer新建store,隨時通過store.getState獲取狀態
- 需要狀態變更,store.dispatch(action)來修改狀態
- Reducer函式接受state和action,返回新的state,可以用store.subscribe監聽每次修改
//新建store,通過reducer建立,根據老的狀態和action生成新的state
redux預設只處理同步,非同步任務需要使用redux-thunk中介軟體
npm install redux-thunk --save
使用applyMiddleware開啟thunk中介軟體
開啟thunk之後,action可以返回函式,使用dispatch提交action。