拖放库 dnd-kit 在我的 React 示例中不起作用
drag and drop library dnd-kit not working in my React example
我一直在尝试为 React 实现一个名为 dnd-kit 的拖放库。
我一直在使用覆盖排序列表指南的帮助下研究一个非常基本的示例，但它不起作用，我不知道我做错了什么。
动画无法正常工作，如果我与第一行互动，它会冻结并完全停止工作。
有什么帮助吗？
编辑：
在玩了一段时间并听取了作者的一些意见后，我发现它工作得更好了一点，发现组件 DragOverlay 导致了我目前还无法解决的问题。
如果 DragOverlay 被删除或移动到 DndContext 之外，它排序很好，但没有叠加效果。
问题是由 id 0 引起的。基本上，您传递给 useSortable 挂钩的 id 必须是字符串（或真实的）
我将 ID 从数字更改为字符串，它开始工作了。我还 fork 并更新了你的 Sandbox Code
我一直在尝试为 React 实现一个名为 dnd-kit 的拖放库。
我一直在使用覆盖排序列表指南的帮助下研究一个非常基本的示例，但它不起作用，我不知道我做错了什么。
动画无法正常工作，如果我与第一行互动，它会冻结并完全停止工作。
有什么帮助吗？
编辑： 在玩了一段时间并听取了作者的一些意见后，我发现它工作得更好了一点，发现组件 DragOverlay 导致了我目前还无法解决的问题。
如果 DragOverlay 被删除或移动到 DndContext 之外，它排序很好，但没有叠加效果。
问题是由 id 0 引起的。基本上，您传递给 useSortable 挂钩的 id 必须是字符串（或真实的）
我将 ID 从数字更改为字符串，它开始工作了。我还 fork 并更新了你的 Sandbox Code