redux 中间件异步操作的用法(二)

2 篇文章 0 订阅
2 篇文章 0 订阅
这篇博客介绍了Redux中间件的作用,它允许在Action提交到Reducer处理之前插入额外的功能,如日志记录、错误报告、异步API调用等。文中通过引入`redux-thunk`中间件展示了如何实现这些功能,并利用`redux-devtools-extension`进行状态调试。此外,还演示了如何使用`compose`函数来组合多个中间件并创建Redux store。
摘要由CSDN通过智能技术生成

为什么需要中间件
Action提交后,Reducer会立即计算出State,如果在Dispatch一个Action后,到达Reducer之前需要进行一些其他的操作,这时候就需要用到中间件,在实际工作中你可以使用中间件来进行日志记录、创建崩溃报告,调用异步接口或者路由等等
安装redux-thunk后引入

import { createStore, applyMiddleware, compose } from 'redux'
import reducer from "./reducer"
import thunk from 'redux-thunk'

//window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__     浏览器上redux调试工具

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}) : compose

//createStore只能接受两个参数,redux提供了增强函数compose,也可以称作链式函数

const enhancer = composeEnhancers(applyMiddleware(thunk)) 
const store = createStore(reducer, enhancer)
export default store
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值