如何使用 dnd-kit 处理自由拖放?



我试图通过使用@dnd-kit创建一个简单的便利贴应用程序。我找到了很多可排序的示例,但找不到任何可自由拖放的示例。我创建了一个简单的代码沙箱来帮助您理解我的问题。我可以拖放,但不能设置最后的放置位置。我认为这项工作应该在handleDragEnd函数下完成。

感谢任何帮助!!

https://codesandbox.io/s/dnd-kit-free-drag-n-drop-24nnbk

您想要在注释上保存一个位置,以便跟踪它被拖动到的位置。你可以使用传递给onDragEnd事件的事件对象来查看注释被拖到哪里,并使用它来更新注释的位置。

我分叉了你的codesandbox并更新了它来处理这个问题。

https://codesandbox.io/s/dnd-kit-free-drag-n-drop-forked-gj9qmt

最新更新