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

Posted 2021-12-24 前端小歌谣

 [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中的数据

个人简介

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

主目录

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