使用react+redux,store如何在資料庫中實現增刪改查操作?
02-07
題主的問題本身是存在概念混淆的。1. store是前端資料庫的概念,而且只存在於runtime,負責調度一切。
2. 執行增刪改查的任務是通過reducer進行執行的,可以類比後端資料庫中的sql語句。
3. 整個流程如下 action ===&> reducer ===&> newStore4. 如果涉及到網路請求的後端資料庫調度,也是action發起,在獲取數據後由reducer加工返回store。 當然了,在async場景下,你需要redux-thunk來處理container 中發起 action ,action 中用 fetch 請求 API ,成功返回後 dispatch 事件,事件被 reducer 監聽到,用新的數據更新 state,
view 根據新的 state 進行 render
不請自來。
通過xhr或者fetch去調用服務端提供的api介面,一般是http介面。如果是websocket那就走socket。題主可能想知道的是react,redux封裝好的方法?答案是並沒有,要用其他的庫,比如https://github.com/heineiuo/fetch-es6-utils,(不推薦使用。fetch請求是在action里吧,根據結果在更新前端state
不知道題主說的資料庫是指後端資料庫嘛?若是,那麼對資料庫進行增刪改查當然是使用ajax,推薦使用fetch api。而實際發出這個fetch請求的應該是在reducer而不是store中。
推薦閱讀:
※redux源碼分析
※說說對react中JSX語法的理解?
※React Fiber初探
※如何評價React v16.0?
※在React中使用RxJS
TAG:React |