动态表单添加和删除，带有新数据的UI和带有React的antd并不是新的

Question

在这种情况下，我被React和antd困住了，我想创建一个动态的添加和删除表单。通过下面的链接，我进行了演示以描述问题。

https://codesandbox.io/s/1r51yy68r4

复制步骤

• 添加两个或三个记录
• 分别为每个记录添加数据（下拉选择）
• 删除所有非最后数据
• 想要删除的人仍然存在

在控制台中，它的数据已正确删除，但UI呈现错误

复制gif：

重现控制台信息：

Answer 1

由于在第120行创建的div中的键值重复，您似乎遇到了问题。

在handleSelect函数中，您将下拉菜单中的值用作汽车的ID。

要解决此问题，您可以在汽车对象中添加另一个属性来存储ID，并创建一个唯一的键用作ID。

needUpdatedItem.id = v4();
needUpdatedItem.selectionId = value;
needUpdatedItem.name = fieldNameValue;