redux

一、同步数据流动

同步数据流动.png

二、异步数据流动

异步数据流动.png

说明：应用 middleware 后 redux 处理事件的逻辑，每一个 middleware 处理一个相对独立的业务需求，通过串联不同的 middleware，实现变化多样的的功能。
用法：

const store = createStore(
  reducer,
  applyMiddleware(thunk, promise, logger)
);

三、理解middleware机制
因为dispatch一个action就会立即更新State并触发react刷新，当有异步请求时，就根据请求的状态（一般会有两个状态，请求数据，接收数据），每个状态会分别触发一个dispatch，从而更新State，并触发react刷新。