Redux中间件

最新推荐文章于 2025-06-22 20:02:51 发布

若～～～

最新推荐文章于 2025-06-22 20:02:51 发布

阅读量454

点赞数 1

CC 4.0 BY-SA版权

分类专栏： react

本文链接：https://blog.csdn.net/weixin_44369568/article/details/91488974

react 专栏收录该内容

49 篇文章

订阅专栏

本文深入解析Redux中间件的使用，包括applyMiddleware简化调试流程，redux-thunk与redux-saga处理异步操作，以及如何通过改写action实现更复杂的业务逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Redux中间件

1、applyMiddleware

方便调试，实时触发，线下使用

import {createStore，applyMiddleware} from 'redux';
import reducers from './reducers';
import Logger from 'redux-logger';

export default createStore(reducers, applyMiddleware(Logger))

2、redux-thunk

目的：异步解决方案
支持action的写法有对象变为函数
可以发送多个dispatch
改变action
同时会帮我们注入两个参数dispatch和getState
在异步操作完成之后再触发dispatch操作

dispatch((dispatch, getState)=>{
    // getState可以获取全局的state
    dispatch({
        type:"START"
    })
    fetch('/data.json')
    .then(res=>res.json())
    .then(success=>{
        if(success){
            dispatch({
                type:"FETCH_LIST",
                payLoad:success.arr
            })
        }else{
            dispatch({
                type:"FETCH_TAIL"
            })
        }
    })
})