初识redux

初识redux

    通常,react使用props或消息订阅机制实现组件间的消息共享,但是当组件间通信过多时,便会难于管理和维护,为了解决这个问题,所以引入了redux。
    redux为第三方工具,并非为react的某个库,但因为react与redux配合较多,后来程序员大佬们又开发出了react-redux库,react-redux中封装了对react来说更为友好的API。

redux的工作涉及到四个成员:

  • components(各组件,客户)、
  • actionCreator(行为生成器,交流工具)、
  • store(数据存储器,具有唯一性,老板)、
  • reducers(数据处理器,打工人)
    work flow

redux的工作流程

  1. 由components客户发出数据获取或者数据修改需求,需求包含两部分(type、data),如({type:‘给a加’, data:2};
  2. actionCreater可以理解为一个个功能标签,为了避免每次客户都需要描述操作类型和数据,redux雇人提前准备好了进行各种数据操作的接口,客户只需要选择“给a加”标签,并附上data值就可以实现给a加2的功能;
  3. 老板拿到action后便会进行处理,更新库中的数据,但老板肯定不会亲自做的,他把action传给reducers对数据进行处理,并拿到最新数据。

注意:数据更新时,需要客户传递更新要求;数据获取时,客户只需要表明需要获取的数据即可,redux会自行传递默认数据,但都是传递的(type,data)

刚开使学习,欢迎大佬指出不足

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值