Redux配合axios的基本使用(Redux第三弹)

Redux配合axios的基本使用(Redux第三弹)

提示:本人是自学前端的一枚小小程序媛,以下内容是自己总结的笔记,如有错误,欢迎大家批评指正!!!!


  • 配置一个后端接口

  • 使用axios进行后端数据的获取npm install --save axios

  • 在生命周期函数中进行get请求获取数据
    Redux配合axios的基本使用(Redux第三弹)

  • 获取数据之后,要把数据放到仓库中

  • 找到抽离出去的action文件,在这个文件中定义获取列表数据的action
    Redux配合axios的基本使用(Redux第三弹)

  • 还需要在抽离出去的type文件中定义一下getlist的type值
    Redux配合axios的基本使用(Redux第三弹)

  • 在页面中引入action,再通过dispatch把数据注入到store里,
    Redux配合axios的基本使用(Redux第三弹)

  • 在reducer中进行数据的处理,实际和之前的步骤都是一样的,(具体看Redux第一弹和第二弹)
    Redux配合axios的基本使用(Redux第三弹)

  • 最后需要在组件内部订阅即可

上一篇:paddlepaddle


下一篇:2021-10-17 5.7