react-beautiful-dnd:当存在多个列表时,拖动一行中的内容会从所有行中拖动相同的索引

react-beautiful-dnd: When multiple lists exists, dragging content in one row will drag same index from all rows

我有一个简单的 react-beautiful-dnd 应用程序,其中有多行,您可以将组件拖到它们自己的行中。

我的问题是,当我在一行内拖动 Draggable 时,每一行都会出现内容移动和拖动组件消失的视觉效果。

这是演示我的问题的 gif:

这里是一个带有问题交互演示的 codesandbox,以及重现问题的分步说明:

https://codesandbox.io/s/r-b-d-try-2-wgscc?fontsize=14&hidenavigation=1&theme=dark

我认为您的问题是由重复使用可拖动 ID 引起的。您的 ID 目前基于正方形的索引。这些将针对您的不同行重复。尝试为每个正方形移动一个唯一的 ID

详情请看这里:https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/identifiers.md