React中store、action和reducer之间的关系
2024-10-22 07:23:58
redux的三剑客
store ----->物流仓库中心
store,把它想象成一个物流仓库中心,数据(state)就是一个个包裹
action ---->包裹的包装 store.dispatch(action)
为了便于对包裹的管理,需要给它们进行包装store.dispatch(action),比如打上标签action.type,标明这是联邦快递,还是申通快递,你是要寄快递还是退快递,要发到江浙沪,还是发到偏远地带…那对于一个新来的包裹,首先要做的第一步就是包装,这一步由action完成,
reducer---->根据包裹的标签做针对性的处理 reducer(state,action)
圆通的快递员处理圆通快递,申通的快递员处理申通的快递,这一步,由reducer完成,他根据action.type做针对性的处理。如果我想向物流仓库中心发一个快递,就通过store的dispatch方法,先给包裹包装,然后丢到物流中心由一个个快递员(reducer)进行处理。
现实世界和物流中心的管道 connect(react组件和redux的对接)
原文链接:https://blog.csdn.net/qq_43952245/article/details/103274490
最新文章
- Android数据加密之Rsa加密
- windows下python的web环境搭建使用(观看Backbone的教程有感)
- 查看Linux系统版本与位数
- 变量改变时PHP内核做了些什么?
- linux常用命令(二)
- java beans
- shell学习
- JavaScript DOM学习总结(二)
- Xamarin.iOS提供没有匹配的配置文件
- IOS设备设计完整指南(转载)
- Dot模板的使用小结2
- C++ 内存分析-valgrind
- Hibernate的dynamic-insert和dynamic-update的使用
- 学习MVC之租房网站(八)- 前台注册和登录
- 关于dfs+剪枝第一篇:hdu1010
- C++ STL之min_element()与max_element()(取容器中的最大最小值)
- 并发编程(四):atomic
- python数据类型之字典类型
- laravel orm 中的一对多关系 hasMany
- <;Android 基础(三十二)>; ViewFlipper
热门文章
- 设备树编译链接报错arch/arm/boot/dts/imx50.dtsi:16:42: fatal error: dt-bindings/
- Django中遇到的问题
- C++容器map、unordered_map、set、unordered_set的区别
- Pygame的基本应用(14周)
- ERNIE1-2
- 阶梯场景jp@gc - Stepping Thread Group (deprecated)
- windows mongo 开启副本集 6.x版本 mongo : 无法将“mongo”项识别为 cmdlet、函数、脚
- monkey自动化脚本
- xpath、css元素定位
- Windows Terminal 中 WSL2 默认打开路径