Redux 组件中异步操作 (发送网络请求)

1,021 阅读1分钟

1.Redux 外部发送网络请求

image.png

需求:

从返回的数据中展示banner和recommend 中的title

image.png

image.png

image.png

1.设置state

image.png

2.发送网络请求

image.png

3.定义一些常量

image.png

4.导入常量

image.png

5.导出 派发函数

image.png

6.在reduce进行处理

image.png

7.在页面定义 派发函数

image.png

8.在这里进行调用派发action

image.png

9. 在home做映射才能拿到数据

image.png

10.数据展示:

image.png

image.png

2.使用中间件 在redux 中发送网络请求

redux-thunk可以让dispatch(action函数),action可以是一个函数;

image.png

image.png

image.png

不在页面做派发了

image.png

image.png

image.png

image.png

效果一样:

image.png