Redux中middleware小结

<h5>为什么出现middleware?</h5>
为了解决异步操作。
<h5>middleware如何处理异步的?</h5>
Action 发出以后,过一段时间再执行 Reducer。
<h5>那中间件又是什么意思?</h5>
middleware就是一个中间件,中间件的本质是函数。在发出 Action 和执行 Reducer 这两步之间,添加其他功能。

<h5>中间件的用法</h5>

import { applyMiddleware, createStore } from 'redux';
import createLogger from 'redux-logger';
const logger = createLogger();

const store = createStore(
  reducer,
  applyMiddleware(logger)
);

如上所示,把生成的中间件放入applyMiddleware中,传入createStore方法,就完成了store.dispatch()的功能增强。如果有多个中间件,就以此有序的放入applyMiddleware中。
<h5>applyMiddleware作用是什么?</h5>
它是 Redux 的原生方法,作用是将所有中间件组成一个数组,依次执行。


概念图:

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

推荐阅读更多精彩内容

  • “中间件”这个词听起来很恐怖,但它实际一点都不难。想更好的了解中间件的方法就是看一下那些已经实现了的中间件是怎么工...
    Jmingzi_阅读 1,727评论 1 7
  • 一、什么情况需要redux? 1、用户的使用方式复杂 2、不同身份的用户有不同的使用方式(比如普通用户和管...
    初晨的笔记阅读 2,086评论 0 11
  • 为什么dispatch需要middleware 上图表达的是 redux 中一个简单的同步数据流动的场景,点击 b...
    一个胖子的我阅读 2,022评论 1 9
  • 前言 本文 有配套视频,可以酌情观看。 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我讨论。 文中所有内...
    珍此良辰阅读 11,970评论 23 111
  • 学习必备要点: 首先弄明白,Redux在使用React开发应用时,起到什么作用——状态集中管理 弄清楚Redux是...
    贺贺v5阅读 8,970评论 10 58