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

Question

我有一个简单的react-beautiful-dnd 应用程序，其中有多行，您可以在自己的行中拖动组件。

我的问题是，当我在一行内拖动可拖动组件时，每一行都会发生内容移动和拖动组件消失的视觉效果。

这是展示我的问题的 gif：

这是一个 Codesandbox，其中包含该问题的交互式演示，并逐步重现该问题：

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

Answer 1

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

有关更多详细信息，请参阅此处：https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/identifiers.md