Redux中middleware小结

为什么出现middleware?

为了解决异步操作。
middleware如何处理异步的?

Action 发出以后,过一段时间再执行 Reducer。
那中间件又是什么意思?

middleware就是一个中间件,中间件的本质是函数。在发出 Action 和执行 Reducer 这两步之间,添加其他功能。

中间件的用法

import { applyMiddleware, createStore } from 'redux';
import createLogger from 'redux-logger';
const logger = createLogger();

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

如上所示,把生成的中间件放入applyMiddleware中,传入createStore方法,就完成了store.dispatch()的功能增强。如果有多个中间件,就以此有序的放入applyMiddleware中。

applyMiddleware作用是什么?

它是 Redux 的原生方法,作用是将所有中间件组成一个数组,依次执行。


概念图:

Redux中middleware小结_第1张图片
middleware.jpg

你可能感兴趣的:(Redux中middleware小结)