redux中间件

Posted 2020-09-11 飞哥100

怎么自定义一个中间件呢？

根据 redux 文档，中间件的签名如下：

({ getState, dispatch }) => next => action

根据上文的 applyMiddleware 源码，每个中间件接收 getState & dispatch 作为参数，并返回一个函数，该函数会被传入下一个中间件的 dispatch 方法，并返回一个接收 action 的新函数。

以一个打印 dispatch action 前后的 state 为例，创建一个中间件示例：

export default function({getState,dispatch}) {
    return (next) => (action) => {
        console.log(‘pre state‘, getState());
        // 调用 middleware 链中下一个 middleware 的 dispatch。
        next(action);
        console.log(‘after dispatch‘, getState());
    }
}

　　

详情：http://blog.csdn.net/u011043843/article/details/52326203

 

---