Reactjs 我的simple react dnd不起作用-拖动项目会导致整个列表消失

我正在尝试使用react漂亮的dnd库使react dnd代码正常工作

我不确定，但由于某种原因，当你开始拖动一个项目时，我的两个列表就会消失

这看起来像是点击和拖动一个项目弄糟了，我认为这可能是元素的关键值，但我看不出我做错了什么

创建库的开发人员创建了一个示例沙盒，其中包含我试图模仿的工作代码：我只是修改了库的示例沙盒

---

有人知道我做错了什么吗？

我想你的问题是因为一个小错误。在Draggable元素中，你设置了Draggable={card.id}

<Draggable key={card.id} draggable={card.id} index={index}>
      ...
</Draggable> 

---

实际上，它应该是draggableId={card.id}。

我想问题在于Draggable，因为通过.map进行渲染会使所有项目都可以拖动，如果您检查一下这个视频就更好了@Jayavel，我不确定这与通过.map拖动每个项目的示例有什么不同

<Draggable key={card.id} draggable={card.id} index={index}>
      ...
</Draggable>