[Redux/Mobx] 在Redux中怎么发起网络请求?

在Redux中,由于actionCreator返回的是普通对象且reducer必须是纯函数,因此不能直接发起网络请求。要实现网络请求,可以借助中间件如react-thunk或react-saga。react-thunk允许在actionCreator中返回一个函数来处理异步操作,完成后dispatch action。而react-saga则在saga文件的generator函数中处理异步任务,通过put方法更新Store。

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

 [Redux/Mobx] 在Redux中怎么发起网络请求?

如果单纯的使用Redux,因为redux的actionCreator返回一个plain object,所以不能在actionCreator中发起网络请求;reducer是一个纯函数,不能有副作用,所以也不能有异步的操作;如果需要在Redux中发起网络请求,就要借助中间件;如下:

  • react-thunk: 这个中间件可以处理dispatch一个function,即可以在actionCreator中返回一个函数签命是(dispatch, getState) => {}的函数,在这个函数中可以进行异步操作,然后再异步操作后进行dispatch一个action
  • react-saga: reducer、actionCreator都保持原始的模式不改变(dispatch的依然是一个plain object),网络请求需要放在saga文件定义的generator函数中,使用taketakeEvery接受到view层传来的带有type的对象,然后执行相应的generator函数,在generator函数中的异步任务执行完成之后,一般是通过put方法(雷同于dispatch)去更新Store中的数据

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

















主目录

与歌谣一起通关前端面试题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小歌谣

放弃很容易 但是坚持一定很酷

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值