redux middleware 解读

middleware

什么是middleware,个人理解就是一个可以让你在dispatch action的时候,可以同时做几个动作,比如想打印日志,异步请求

middleware运行

middleware logger

export const logger = store => next => action = {
  console.log(1111)
  next(action)
  console.log(2222)
}

export const logger1 = store => next => action = {
  console.log(333333)
  next(action)
  console.log(44444)
}

运行

const dispatch_1 = applyMiddleware([logger, logger1])

dispatch_1 = logger(logger1(store.dispatch))

这是执行dispatch(action)的时候
第一步就是执行logger函数
1,打印出1111
2,执行logger1(store.dispatch)(action)
3, 打印出333
4,执行store.dispatch(action)
4,打印出222
5,打印出 4444

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 为什么dispatch需要middleware 上图表达的是 redux 中一个简单的同步数据流动的场景,点击 b...
    一个胖子的我阅读 2,009评论 1 9
  • http://gaearon.github.io/redux/index.html ,文档在 http://rac...
    jacobbubu阅读 80,071评论 35 198
  • 上一篇【react的SPA实践】里,我们留下了一些问题,比如深层嵌套的组件之间的通讯问题。 虽然我们通过尽量减少深...
    Jack_Lo阅读 20,615评论 28 62
  • 一、什么情况需要redux? 1、用户的使用方式复杂 2、不同身份的用户有不同的使用方式(比如普通用户和管...
    初晨的笔记阅读 2,066评论 0 11
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,997评论 19 139