2021-04-08

6 篇文章 0 订阅
1 篇文章 0 订阅

关于React中Redux的理解

当我们组件之间的通信变得复杂的时候,比如多层级和多个兄弟组件互相通信,我们这时候就需要一个集中式的状态管理,将我们组件之间需要共享的数据放在一起,需要的就来取或者更新,这样组件之间的数据共享就方便多了,这就是Redux,redux可以用在任何需要的地方,不仅仅是React,Vue以及其它需要的对象都可使用
原理图
在这里插入图片描述

其中几个概念的理解

  • Action:可以理解为一个菜单,上面写着菜的类型和具体的菜,其中type为什么菜,data为菜的本身,也可以理解为要发生的动作。
  • Store:可以理解为前台(服务员),帮忙传送菜单给后台(厨师),当拿到厨师(reducers)做好的菜(data或者是state)之后,等待客人来取 。
    PS: 假如这个店态度很差(ಥ _ ಥ),需要客人自己取菜,服务员没有传菜的义务…
  • Reducers:可以理解为后台的厨师,专门负责按照菜单(action)中的描述,进行菜(state)的制作或者加工,完成之后交给服务员(Store),这里每个厨师只负责一样菜,即一个reducer对应一个action。
    PS:假如这个店的厨师长都很专精,只专门做自己拿手的菜,很刁钻,有木有!( ̄ε(# ̄)☆╰╮o( ̄皿 ̄///)
  • Components: 与Store通信的React组件,可以理解为客人,向服务员传递菜单(action),以及去服务员那里取菜(getState)(⊙﹏⊙∥ 很累有木有!!!)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值