React 中的键值对组件未正确删除

Question

在 React with patternfly 中，我正在尝试创建一个用于输入 http header 和键值格式的值的组件。但是当我删除第二行时，日志显示它已被删除并正确呈现。但视觉上只删除了最后一行。 Link for codesandbox https://codesandbox.io/s/react-key-value-component-ctn3l?file=/src/App.tsx

请帮助我解决这个问题。谢谢你的时间。

Answer 1

正如@Vibhav 评论的那样，发生这种情况是因为索引用作键。这个link讲的很详细。 https://robinpokorny.medium.com/index-as-a-key-is-an-anti-pattern-e0349aece318