栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

React正在将旧状态发送给其父级

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

React正在将旧状态发送给其父级

父级获得selecteditems的旧值的原因是因为它

setState()
是一个异步操作。在这里查看说明:

setState()
不会立即变异,
this.state
但会创建待处理的状态转换。
this.state
调用此方法后进行访问可能会返回现有值。

因此,在您的代码中,您发送了一个更新状态的请求,并 在处理新状态之前 ,在父级中调用该方法,以通知父级状态,该状态仍然具有旧项。

修复1: 将当前状态发送给父级。
要使该项目发送当前状态,可以使用

setState()
提供的回调。在反应页面中也有解释:

第二个(可选)参数是一个回调函数,该函数将在

setState
完成并重新渲染组件后执行。

这样可以确保仅在

setState()
完成后才调用父对象。像这样:

this.setState(  {    title: item,    selectedItems: selectedItems,    open: false  },  this.sendStateToParent);

修复2 (可选,但建议):将selecteditems状态移到父级。
如果您的父母需要了解所选项目,我建议不要将其置于列表状态。您的组件对所选项目所做的唯一一件事就是,每次单击某个项目时,将其发送给父项。
相反,最好是:

  • 将selectedItems置于父状态
  • 从父级,将selectedItems作为道具传递给组件
  • handleItemClick
    逻辑移至父级
  • 在父级内部,您更新selectedItems列表,并设置(父级)状态
  • 使用新的selectedItems作为道具触发列表的重新呈现


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/397998.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号