React使用setState后页面没有更新

问题

在组件中对state进行了修改数据已经发生了变化，但是页面没有更新，可能是因为用了数组方法对数据进行了修改，比如push等..

原因

因为react的监听是浅监听，只会监听数据第一层的变化，内层发生变化是监听不到的，当使用array.push的时候相当于直接更改了数组对应的内存块，但react内部用于对比的array的内存并没有更改，是指向同一个内存的，因为没有触发render。

解决方法

可以使用展开运算符，解构后重新赋值。

React使用setState后页面没有更新相关推荐

初学React，setState后获取到的thisstate没变，还是初始state？
问题:(javascript)初学React,setState后获取到的thisstate没变,还是初始state? 描述: getInitialState(){return {data:[]};}, ...
html修改后页面不更新
html修改后页面不更新记录一下自己之前修改前端代码中遇到的问题,html中的代码进行修改但是页面没有及时更新. 如果不关闭Thymeleaf缓存,可能会出现以下情况: 页面无法及时更新:Thyme ...
war 发布后页面不更新_一文看懂tomcat8如何配置web页面管理
概述大部分时候,我们的tomcat服务器都不是部署在本机,那么怎么样不通过ftp/sftp方式来将war包部署到tomcat容器呢?tomcat有提供web页面管理应用的功能. tomcat页面管理 ...
war 发布后页面不更新_吐槽 | 都发布一万年了，这游戏还不“更新”?
@Roy123:4年老玩家我就想知道这游戏还更新嘛? 不是礼包特效那种更新@受难吧你:天天更点没用的,赶紧更新门派吧@麦田:天天水更新,武学平衡,新玩法迟迟没动静.@深藏功与名:我只关心游戏的更新!在 ...
帝国模板变量更新后页面不更新
如果你用的是动态页面,动态页面有缓存,要马上更新缓存到数据更新中心删除临时文件就能更新如果你用的是静态页面,生成内容页时要选择刷新全部才会更新已经生成的信息转载于:https://my.oschi ...
uniapp修改data数据后页面未更新渲染
如下代码块,根据打印的结果,mediaList数据已经被修改,但是页面没有渲染出来 _this.mediaList[index].currentTime = hxt.formatSeconds(_th ...
微信开发者工具：代码更新后页面未刷新
问题微信开发者工具代码更新后页面未更新.只用通过手动点击编译才可更新页面尝试过稳定版 16.15 版本均未解决开发环境项目配置:Taro3 + React17 + Node18 + @antm ...
Django中model新建数据表操作后admin页面不更新问题
Django中model新建数据表操作后admin页面不更新问题这种情况一般是没有在admin.py文件中进行模型的注册所导致的,打开应用文件夹下的admin.py,然后添加代码: from .mo ...
dom不刷新 vue 加数据后_详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结...
如果你发现你自己需要在 vue 中做一次强制更新,99.9% 的情况,是你在某个地方做错了事. 1. vue 无法检测实例被创建时不存在于 data 中的 property 原因:由于 vue 会在初 ...

React使用setState后页面没有更新

问题

原因

解决方法

React使用setState后页面没有更新相关推荐

最新文章

热门文章