doubleyong
管理员
管理员
  • 最后登录2022-07-05
  • 发帖数1075
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:562回复:0

[react]useState值更新了,但是组件不更新问题

楼主#
更多 发布于:2022-03-16 15:49
问题:  
 useState值更新了,但是组件不更新问题


原因:
useState更新的数据,是一个多层次的数据,react监听的时候,是浅层监听,所以不一定及时刷新页面


解决方案:
就是进行深拷贝,把需要更新的数据深拷贝一份,再使用useState 存储,就能实现每次都及时更新页面


注意: es 6的扩展运算符,只进行一层的浅拷贝; 深拷贝推荐JSON.parse(JSON.stringify(data))



参考:
ES6 对象解构赋值(浅拷贝 VS 深拷贝)
js数组深拷贝方式
react中useState更新了,但是页面并没有刷新
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号