react数组变化不更新是因为在js中数组的赋值是引用传递的，其解决办法：1、打开相应的react文件；2、使用扩展运算符，创建一个新数组，更改内存引用；3、使用“panes.push({key: panes.length,tab: `${panes.length + 1}`})”方式重新赋值即可。
本教程操作环境：Windows10系统、react18.0.0版、Dell G3电脑。
react数组变化不更新怎么办？
react中 一个state数组某元素属性发生变化时，setState页面不更新
写代码过程中，你会发现，如果直接使用push等方法改变state，按理来说，push会改变原数组，数组应该更新，但渲染出来的state并不会更改。
今天遇到的问题是：组件内对数组元素进行修改后数据有变化但是页面没重新渲染
话说这是因为组件没能够识别数组的变化，所以页面没有重新渲染
所以只要让组件感知到你发生了改变，就可以达到刷新的效果
YXPHP企业网站管理系统4.0
下载
支持静态模板,支持动态模板标签,支持图片.SWF.FLV系列广告标签.支持百万级海量数据,绑定内置URL伪装策略(URL后缀名随你怎么写)，绑定内置系统升级策略(暂不开放升级),绑定内置模板付费升级策略(暂不开放更新)。支持标签容错处理,绑定内置攻击防御策略,绑定内置服务器优化策略(系统内存释放的干干净净)。支持离线运行,支持次目录,兼容U主机。支持会员功能,支持文章版块权限阅读,支持会员自主注册
原因：
这是由于js中，数组的赋值是引用传递的，array.push相当于直接更改了数组对应的内存块，但react内部用于对比的array的内存并没有更改，是指向同一个内存的，setState只做shallow compare，因此没有触发re-render。
可以使用扩展运算符，创建一个新数组，更改内存引用
需求：
解决办法：解构后重新赋值
const onClick = (key) => {// tab点击函数
if (key === 'addTab') {
panes.push({
key: panes.length,
tab: `筛选记录${panes.length + 1}`
})
setPanes([...panes])
}
}推荐学习：《react视频教程》
