-
使用Redux-saga中间件实现ajax数据请求
- redux-saga和redux-thunk两种对异步数据的处理风格不同
- redux-saga:单独将异步操作的逻辑单独放在一个单独的文件里
- redux-thunk:将异步操作放到action里去处理
配置redux-saga
编写sagas.js
一、componentDidMount 中的 action 派发给 store 的过程中,不仅仅 reducer 可以接收到这个 action,sagas.js 这个文件中的 mySaga 这个函数也可以接收到这个 action,
二、再通过 mySaga 这个函数中的 takeEvery 函数声明接收到 GE-INIT-LIST 这个类型的的 action,一旦接收到这个 action 就执行 getInitList 这个 generator 函数,然后再通过 getInitList 这个方法中进行ajax异步数据的获取,但是这个方法中是没有 store.dispatch 方法的,因此要使用saga中的一个叫做 put 的方法,将异步获取的数据派发给store
三、store再自动转发给reducer
四、reducer再进行action类型的判断,做相应数据的深拷贝进行处理,再讲处理后的newState转发给store.
今天你学习了吗!!!
-
相关阅读:
10. Regular Expression Matching
9. Palindrome Number
8. String to Integer (atoi)
7. Reverse Integer
6. ZigZag Conversion
《设计模式
《设计模式
《设计模式
《linux 计划任务》- cron
《设计模式
-
原文地址:https://www.cnblogs.com/nayek/p/12389222.html
Copyright © 2020-2023
润新知