前端 React useState 数组或对象改变后页面没有更新渲染解决

目录

一、问题参数原因

二、解决方案


一、问题参数原因

当数组或对象的原本地址没有发生改变时,页面不会检测到数据更新,下面是有问题的写法:

javascript 复制代码
 const [care, setCare] = useState<boolean[]>([])
 care[index] = true
 setCare(care)  //这种写法的源地址不会发生变化,导致页面不能检测到地址变化

二、解决方案

可以通过解构数组或对象的形式来更新数据地址:

javascript 复制代码
care[index] = true
setCare([...care])  //解构重构后地址刷新,页面渲染刷新,对象类型也类似

总结到此!

相关推荐
whysqwhw1 天前
Hippy 跨平台框架扩展原生自定义组件的完整实现方案对比
前端
dasseinzumtode1 天前
nestJS 使用ExcelJS 实现数据的excel导出功能
前端·后端·node.js
子兮曰1 天前
🔥C盘告急!WSL磁盘暴增?三招秒清20GB+空间
前端·windows·docker
Jinuss1 天前
Vue3源码reactivity响应式篇之EffectScope
前端·vue3
stoneship1 天前
网页截图API-Npm工具包分享
前端
Jedi Hongbin1 天前
Three.js shader内置矩阵注入
前端·javascript·three.js
etcix1 天前
dmenux.c: integrate dmenu project as one file
c语言·前端·算法
光影少年1 天前
react16到react19更新及底层实现是什么以及区别
前端·react.js·前端框架
超人不会飛1 天前
vue3 markdown组件|大模型应用专用
前端·vue.js·人工智能
じòぴé南冸じょうげん1 天前
微信小程序如何进行分包处理?
前端·小程序