一、同步数据流动
二、异步数据流动
说明:应用 middleware 后 redux 处理事件的逻辑,每一个 middleware 处理一个相对独立的业务需求,通过串联不同的 middleware,实现变化多样的的功能。
用法:
const store = createStore(
reducer,
applyMiddleware(thunk, promise, logger)
);
三、理解middleware机制
因为dispatch一个action就会立即更新State并触发react刷新,当有异步请求时,就根据请求的状态(一般会有两个状态,请求数据,接收数据),每个状态会分别触发一个dispatch,从而更新State,并触发react刷新。