我试图通过使用@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