<h5>為什么出現(xiàn)middleware?</h5>
為了解決異步操作。
<h5>middleware如何處理異步的?</h5>
Action 發(fā)出以后,過一段時(shí)間再執(zhí)行 Reducer。
<h5>那中間件又是什么意思?</h5>
middleware就是一個(gè)中間件,中間件的本質(zhì)是函數(shù)。在發(fā)出 Action 和執(zhí)行 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()的功能增強(qiáng)。如果有多個(gè)中間件,就以此有序的放入applyMiddleware中。
<h5>applyMiddleware作用是什么?</h5>
它是 Redux 的原生方法,作用是將所有中間件組成一個(gè)數(shù)組,依次執(zhí)行。
概念圖:
middleware.jpg