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

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

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

使用redux更新状态state之后没有重新渲染的坑_第1张图片

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

使用redux更新状态state之后没有重新渲染的坑_第2张图片
今天就碰到这种问题了,还好我手头有深拷贝的demo,可以看这个博文
深拷贝:https://blog.csdn.net/mus123/article/details/105617013
好像se6的扩展运算符复用也可以来着,下面更改了的属性会覆盖原来的属性的引用

return {
...state,
...newstate
}

你可能感兴趣的:(react)