使用redux更新状态state之后没有重新渲染的坑

本文探讨了在使用Redux时遇到的状态更新不触发组件重新渲染的问题,原因在于Redux只会在状态变化时重新渲染。对于引用类型的数据,需要确保使用深拷贝来改变state,以确保渲染。推荐使用深拷贝方法来避免这个问题,例如通过扩展运算符或参考提供的深拷贝博文。

这个坑主要是一个概念上的问题,因为redux会对比更新前后是否相等,不相等才会重新render
如果state中是字面变量的值还好,地址会随值改变,浅拷贝就解决了
因为state本身就是对象,如果是某个属性是引用类型的Object一定一定要记得用深拷贝,或者自己在reducer那处理成浅拷贝能处理的方式!!强烈,推荐写个深拷贝用

浅拷贝改写action(已经注释掉了)

深拷贝引入,直接函数返回深拷贝对象


今天就碰到这种问题了,还好我手头有深拷贝的demo,可以看这个博文
深拷贝:https://blog.csdn.net/mus123/article/details/105617013
好像se6的扩展运算符复用也可以来着,下面更改了的属性会覆盖原来的属性的引用

return {
...state,
...newstate
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值