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

Question

在 React with patternfly 中，我试图创建一个组件，用于以键值格式输入 http 标头和值。但是当我删除第二行时，日志说它已被删除并正确呈现。但视觉上最后一行只删除了。代码沙盒链接https://codesandbox.io/s/react-key-value-component-ctn3l?file=/src/App.tsx

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

Answer 1

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