更新通过子级映射的父级状态不会重新渲染父组件答案

【问题标题】：Updating a parent's state which is mapped through the child is not re-rendering parent component更新通过子级映射的父级状态不会重新渲染父组件
【发布时间】：2021-05-20 14:04:28
【问题描述】：

我在父级内部有一个函数，它作为道具传递给子级，然后被调用。调用此函数时，父级的状态会更新。状态是在父级中映射的列表，但 .map 不会在反应中在父级中重新渲染。当组件实际重新渲染时，它会在屏幕上更新，但最初通过 setState() 更改时不会更新；

以下是我在代码沙箱上创建的代码的简化复制链接： https://codesandbox.io/s/crazy-faraday-hwyve?file=/src/App.js （顺便点击文本“Hello codeSandBox”时状态更新）

如果有帮助，我添加了 cmets 以稍微显示从父级到子级的流程，您还可以看到状态确实在控制台中更新，但在再次保存文件或其他状态更改之前不会在屏幕上更新这会强制刷新组件。

【问题讨论】：

标签： reactjs use-state

【解决方案1】：

过滤列表解决了我的问题。我使用了文件管理器的索引，并将其与传递给函数的索引进行了比较（或者在代码盒的情况下，只是设置的索引 2）。

    const deleteEvent = (identity) => {
        setList(eventList.filter((item, index) => index !== identity));
}

【讨论】：