🐛[BUG] editable-table前置(position: "top")插入可编辑行时，渲染异常

[ViavaCos]

🐛 bug 描述

【一图胜千言】数据渲染异常，怀疑可能是节点被复用了？

📷 复现步骤

1. 打开官网地址
2. 点击左侧的【EditableProTable - 可编辑表格】
3. 选择右侧的【与 FormItem 配合】
4. 点击三次列表中的【添加一行数据】（如下图）

5. 然后你就复现问题了

官网地址：https://procomponents.ant.design/components/editable-table#editableprotable-demo-basic

🏞 期望结果

正常渲染

© 版本信息

• ProComponents 版本: [e.g. 4.0.0]

• umi 版本
  这俩官网的，我不知道

• 浏览器环境
  "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/112.0"

• 开发环境 [e.g. mac OS]
  mac OS

[ViavaCos]

补充：

官方示例地址：
https://procomponents.ant.design/components/editable-table#%E5%8F%AF%E7%BC%96%E8%BE%91%E8%A1%A8%E6%A0%BC

[chenshuai2144]

key 相同了 ，这个的确是个麻烦问题

[ViavaCos]

那暂时有什么好的workaround可以用用吗？ @chenshuai2144

[chenshuai2144]

TAutomatically replying with ChatGPT can be attempted, but it cannot be guaranteed to be completely accurate and may not fully address all issues. Please feel free to reply if you have any further questions or concerns.
此回复基于 ChatGPT 自动生成，可以尝试下方案，官方人员会在一定时间后继续继续处理。

@chenshuai2144 感谢你的耐心等待。对于这个问题，你可以尝试使用以下的 workaround：

1. 在 ProTable 组件中，添加一个 rowKey 属性，并设置为一个唯一标识字段，确保每一行都有一个唯一的标识。

<ProTable
  ...
  rowKey="id"
  ...
/>

2. 在数据源中，为每一条数据项添加一个唯一的 id 字段。

const dataSource = [
  { id: 1, ... },
  { id: 2, ... },
  // 继续添加其他数据项
];

这样，通过设置唯一的 rowKey 属性，可以解决节点复用的问题。请注意，具体的字段名称和数据源结构可能会根据你的实际情况有所不同，你需要根据你的代码进行相应的调整。

另外，如果这个 workaround 不能解决你的问题，你可以尝试查看官方文档中是否有类似问题的解决方案或者提交一个 issue 给 Ant Design ProComponents 的官方 GitHub 仓库，让开发者们了解此问题并提供更好的解决方案。

希望能帮到你，如果还有其他问题，请随时提问！