首页 > 代码库 > redux中间件

redux中间件

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

根据 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

 


 

redux中间件