关于redux源码的一些理解

最新推荐文章于 2022-03-04 22:39:29 发布

原创最新推荐文章于 2022-03-04 22:39:29 发布 · 160 阅读

0 ·

CC 4.0 BY-SA版权

本文深入探讨了Redux中的applyMiddleware函数作用，包括整合getState和dispatch，为中间件提供这些方法，创建增强版dispatch，使其能接收函数而非仅限于对象。同时，提供了经典Redux源码解析的文章链接及redux-devtools的使用指南。

applyMiddleware代码的作用：增强器通常都使用这样的模式，将store上某个函数的引用存下来，给这个函数一个新的实现，但是在完成增强功能之后，还是要调用原有的函数，保持原有的功能。

1：将getState, dispatch整合出来

2：让每个中间件都有这两个方法

3：组合出一个增强版的dispatch(让dispatch可以接收一个函数而不仅仅是一个对象)

function (action) { // 这就是增强后可以接收function 或者 object的主要代码
    if (typeof action === 'function') {
      return action(dispatch, getState, extraArgument);
    }
    //next为之前传入的store.dispatch,即改写前的dispatch
    return next(action);
};

4: 返回一个新的包含增强dispatch的store对象

比较经典的redux源码解析文章

https://github.com/WisestCoder/blog/issues/1

https://juejin.im/post/5b035c0c51882565bd258f12

redux-devtools使用

https://juejin.im/post/5c0e08dae51d4504bc5e3e44