首页 > Web开发 > 详细

使用Redux-thunk中间件实现ajax数据请求

时间:2020-03-01 12:41:32      阅读:47      评论:0      收藏:0      [点我收藏+]

github(redux-thunk):https://github.com/reduxjs/redux-thunk

重点:之前只用redux的话actionCreator中的方法返回的action只能是一个对象,再使用redux-thunk之后就可以返回一个函数了

优点:将异步数据放在action中处理,方便自动化测试

一、redux-thunk将异步请求或非常复杂的逻辑,将它拆分到action中处理

技术分享图片

二、通过getTodoLIst返回一个函数给action

技术分享图片

三、再通过store.dispatch将返回的函数派发给store

四、store接收到函数之前会自动执行函数,getTodoList返回的函数中会接收一个dispatch参数,并通过函数内部的dispatch将异步获取后的数据action派发给store

技术分享图片

五、store再自动转发给reducer

六、reducer通过判断action类型,将数据进行深拷贝后处理,然后再将newState返回给store

使用Redux-thunk中间件实现ajax数据请求

原文:https://www.cnblogs.com/nayek/p/12388990.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!