天天看点

使用react-redux,数据已改变,但页面未同步更新

问题描述

使用react-redux,数据已改变,但页面未同步更新

在使用react-redux中,reducer的数据明明已经更改了,但是却不能触发组件的render函数,页面也没有同步更新。看了网上的一些答案,才知道在reducer是一个纯函数,不能修改参数preState,并且当你返回preState时,react-redux并不知道数据已经更改(preState是对象引用,始终指向一个地址),而我在这里对preState进行了push操作,并把操作后的preState返回。

什么是纯函数

使用react-redux,数据已改变,但页面未同步更新

解决方法

改正后的代码如下:

使用react-redux,数据已改变,但页面未同步更新

写在最后:若有误,请指正。