一、同步數(shù)據(jù)流動

同步數(shù)據(jù)流動.png
二、異步數(shù)據(jù)流動

異步數(shù)據(jù)流動.png
說明:應用 middleware 后 redux 處理事件的邏輯,每一個 middleware 處理一個相對獨立的業(yè)務需求,通過串聯(lián)不同的 middleware,實現(xiàn)變化多樣的的功能。
用法:
const store = createStore(
reducer,
applyMiddleware(thunk, promise, logger)
);
三、理解middleware機制
因為dispatch一個action就會立即更新State并觸發(fā)react刷新,當有異步請求時,就根據(jù)請求的狀態(tài)(一般會有兩個狀態(tài),請求數(shù)據(jù),接收數(shù)據(jù)),每個狀態(tài)會分別觸發(fā)一個dispatch,從而更新State,并觸發(fā)react刷新。