博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react-redux 和 redux-saga 小结
阅读量:6463 次
发布时间:2019-06-23

本文共 727 字,大约阅读时间需要 2 分钟。

react-redux 将 store 绑定到 props 上,便于全局调用。

redux-saga 是将 redux 的同步转换为异步。

注:

dispatch 到 saga , saga 匹配行为的 type,调用接口请求数据,并将数据 通过 dispatch 传给 redux。

redux 匹配 type 并将数据绑定到 props 上

思路:

(1)routes 下的页面触发 action

this.props.dispatch({  type:"xxx", // 行为名称  payload: yyy})

(2)saga 下的异步 redux 进行匹配

找到对应的 fork(reducer)

在 reducer 中调用整体的也是唯一的 action

yield takeLatest("xxx",(yyy) => functionName(yyy))

在 functionName 中使用 put 代替 dispatch

yield put({  type:"aaa", // 数据type  payload: bbb})

(3)redux 下的同步 redux 进行匹配

找到对应的 reducer

在 reducer 中进行 type 匹配

case 匹配 type , return 出去的数据 需要 先 

const initstate = { ccc: ddd }

初始化。

将获取的 数据 return 到 props 上

(4)全局获取 store 上的数据

const { ccc } = this.props;

.

转载于:https://www.cnblogs.com/crazycode2/p/9256863.html

你可能感兴趣的文章
第一篇markdown博文
查看>>
Leetcode 4 - median-of-two-sorted-arrays
查看>>
ERDAS软件应用(四)遥感影像数据增强
查看>>
修改OBS为仅直播音频
查看>>
完整版:《开源框架实战宝典电子书V1.0.0》内测版下载地址!
查看>>
OCA读书笔记(3) - 使用DBCA创建Oracle数据库
查看>>
CKEditor的使用-编辑文本
查看>>
HDU------checksum
查看>>
使用树莓派拍摄延时动画,制作GIF图
查看>>
css命名规范
查看>>
js 效果
查看>>
19.Java5同步集合类的应用
查看>>
<c:forEach varStatus="status">中 varStatus的作用
查看>>
Aqua Data Studio 数据库开发工具
查看>>
puppet来管理文件和软件包
查看>>
Python基础进阶之路(一)之运算符和输入输出
查看>>
阻塞非阻塞异步同步 io的关系
查看>>
ClickStat业务
查看>>
DMA32映射问题
查看>>
Android内存泄露之开篇
查看>>