拖放库 dnd-kit 在我的 React 示例中不起作用

Blo*_*ish 2 drag-and-drop reactjs dnd-kit

我一直在尝试为 React 实现一个名为dnd-kit的拖放库。

我一直在使用覆盖排序列表指南的帮助下研究一个非常基本的示例,但它不起作用,我不知道我做错了什么。

这是沙箱代码

动画无法正常工作,如果我与第一行交互,它就会冻结并完全停止工作。

有什么帮助吗?

经过一段时间的使用和作者的一些输入后,我让它工作得更好了一些,并发现组件 DragOverlay 导致了我目前无法解决的问题。

如果 DragOverlay 被删除或移动到 DndContext 之外,它可以很好地排序,但没有覆盖效果。

ndr*_*ndr 6

该问题是由 id 0 引起的。基本上,传递给 useSortable 挂钩的 id 必须是字符串(或真实值)

我将 id 从数字更改为字符串,它开始工作。我还分叉并更新了您的沙盒代码