欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

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

发布时间:2023/12/9 40 豆豆
生活随笔 收集整理的这篇文章主要介绍了 [Redux/Mobx] 在Redux中怎么发起网络请求? 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

 [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函数中,使用take或takeEvery接受到view层传来的带有type的对象,然后执行相应的generator函数,在generator函数中的异步任务执行完成之后,一般是通过put方法(雷同于dispatch)去更新Store中的数据

个人简介

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

















主目录

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

总结

以上是生活随笔为你收集整理的[Redux/Mobx] 在Redux中怎么发起网络请求?的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。