美文网首页redux学习
redux middleware 解读

redux middleware 解读

作者: 邹小邹大厨 | 来源:发表于2018-05-16 17:34 被阅读2次

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

相关文章

  • redux middleware 解读

    middleware 什么是middleware,个人理解就是一个可以让你在dispatch action的时候,...

  • redux源码图解:createStore 和 applyMid

    在研究 redux-saga时,发现自己对 redux middleware 不是太了解,因此,便决定先深入解读一...

  • 浅析Redux 的 store enhancer

    相信大家都知道Redux的middleware(中间件)的概念,Redux通过middleware可以完成发送异步...

  • redux middleware

    middleware redux middlewarwe middleware 提供了一个分类处理 action ...

  • Redux Middleware

    以记录日志为示例来说明 尝试#1:手动记录 尝试#2:隐藏Monkeypatching 尝试 #3: 移除 Mon...

  • react 面试

    react redux (所有数据都放入redux管理) 1、redux中间件原理(middleware) 中间件...

  • redux中的middleware解析

    为什么需要middleware 在没有middleware之前,Redux的工作流程是这样的 理解middlewa...

  • redux-applyMiddleware

    redux 中的middleware思想还是很巧妙地,先来看下怎么使用 就是将middleware 使用apply...

  • redux-middleware

    middleware作用:在到达原始reducer之前通过middleware做一些处理。middleware通过...

  • webpack-hot-middleware解读

    wepack-hot-middleware 深入解读 webpack-hot-middleware 做什么的?we...

网友评论

    本文标题:redux middleware 解读

    本文链接:https://www.haomeiwen.com/subject/mfopdftx.html