標籤:

使用react+redux,store如何在資料庫中實現增刪改查操作?


題主的問題本身是存在概念混淆的。

1. store是前端資料庫的概念,而且只存在於runtime,負責調度一切。

2. 執行增刪改查的任務是通過reducer進行執行的,可以類比後端資料庫中的sql語句。

3. 整個流程如下

action ===&> reducer ===&> newStore

4. 如果涉及到網路請求的後端資料庫調度,也是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 |