<h5>为什么出现middleware?</h5>
为了解决异步操作。
<h5>middleware如何处理异步的?</h5>
Action 发出以后,过一段时间再执行 Reducer。
<h5>那中间件又是什么意思?</h5>
middleware就是一个中间件,中间件的本质是函数。在发出 Action 和执行 Reducer 这两步之间,添加其他功能。
<h5>中间件的用法</h5>
import { applyMiddleware, createStore } from 'redux';
import createLogger from 'redux-logger';
const logger = createLogger();
const store = createStore(
reducer,
applyMiddleware(logger)
);
如上所示,把生成的中间件放入applyMiddleware中,传入createStore方法,就完成了store.dispatch()的功能增强。如果有多个中间件,就以此有序的放入applyMiddleware中。
<h5>applyMiddleware作用是什么?</h5>
它是 Redux 的原生方法,作用是将所有中间件组成一个数组,依次执行。
概念图:
middleware.jpg