react之redux

1.我们在输入内容时候input里面的数据与redux仓库里面的同步变化

2.给input一个onchange事件绑定


3.在事件方法中定义一个对象,要有type属性,告诉你得方法是去干什么事情得,以及值,然后调用dispath

吧对象传给reducer


4.这里的reducer相当于一个记事本。记录你的操作。

首先renducer里面定义一个默认的对象存储数据。然后判断传过来得对象得type是否等于事件名,如果等于

就要创建一个新的数据去深拷贝默认数据,这里为什么要深拷贝,因为react不期望你的操作改变默认得数据,

所以我们要拷贝一个数据在去改变拷贝的得数据在返回出去。


5.数据仓库里面的数据已经是你实时输入的数据了,但是为了input得value也绑定

reducer里面得数据,所以在页面中去绑定。在里面有一个方法getState()  是得到仓库的里面的数据


5.最后还有一个问题就是你input里面得value为了要实时更新和仓库同步,还要加一个监听,不然每次里面的值都是上一次的



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值