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