Redux学习之中间件 - 解决异步操作

在实现小栗子中console控制台报错了,提示acton只能处理对象,需要中间件处理异步操作,那么什么是redux中间件?


console控制台报错

一、为什么需要中间件?

因为reducers是纯函数,只有计算state功能,不能进行读写操作,actions,消息的载体,只能被操作。
中间件是重定义了store.dispatch(),改造并添加了其他功能。

二、使用中间件

// index.js
import { createStore, applyMiddleware } from 'redux';
import reducer from './reducers/index'
import thunk from 'redux-thunk';

// applyMiddleware(thunk) 中间件处理异步
const store = createStore(reducer, applyMiddleware(thunk))

1.applyMiddleware

redux方法,作用是将中间件组成数组,执行。

2.redux-thunk中间件

解决异步操作的,改造store.dispatch()可以接受函数

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

推荐阅读更多精彩内容

  • 一、什么情况需要redux? 1、用户的使用方式复杂 2、不同身份的用户有不同的使用方式(比如普通用户和管...
    初晨的笔记阅读 2,086评论 0 11
  • Redux 的基本做法:用户发出 Action,Reducer 函数算出新的 State,View 重新渲染。但是...
    珍珠林阅读 689评论 0 4
  • 学习必备要点: 首先弄明白,Redux在使用React开发应用时,起到什么作用——状态集中管理 弄清楚Redux是...
    贺贺v5阅读 8,970评论 10 58
  • 前言 本文 有配套视频,可以酌情观看。 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我讨论。 文中所有内...
    珍此良辰阅读 11,978评论 23 111
  • 本文是关于 redux(3.7.2)源代码的一些浅读 在redux源码目录中 ,可以看到以下文件目录: 与文件对应...
    孙焱焱阅读 484评论 0 1