问题标签 [react-dragula]

我正在处理一个反应项目，我想将任务拖到他们的子任务中，并使用 react Dragula like nestable。

代码：

我使用上述代码创建了简单的拖放，但我需要在子任务及其子任务中拖动任务等等。所以请向我建议如何实现我想要的

我正在使用 react-dragula 拖放卡片。我需要在拖动后保存它。拖放后我应该如何保存卡片位置？

这就是功能。

这就是我在正文中使用该功能的方式。

这是我在体内使用的卡片。

我对 Dragula 的反应有一种奇怪的行为。拖放有效，但是：

• 当我不添加 dragula.css 文件时，我看不到我在拖动过程中拖动的项目的图像。我的意思是当我将它拖到目的地时，我没有看到它和我一起“旅行”
• 所以我通过添加提供的 css 来纠正它，但我得到了另一个奇怪的行为：在这种情况下，我看到项目被移动了，但是当我放下它时，它并没有在视觉上添加到 drop 中，如果我放开鼠标，它会回到原来的元素。

知道发生了什么吗？

谢谢

编辑：这是我的代码在运行中的图像：

编辑 2：我很好奇是否是弹性框破坏了此代码？Dragula 是否设计用于弹性容器？

我有以下容器：

我在这个容器中添加了 3 行 7 个项目，并做出了反应：

我正在使用以下 Dragula 代码：

并像这样声明我的显示框：

这段代码工作......主要是。我可以拖动我的卡片，它们会按预期轻推其他卡片。但只有当我在屏幕上快速拖动我的项目时它才有效。这让我永远无法准确地放置它们，它真的和不工作一样好。如果我将一个项目慢慢拖到其他项目上，绝对不会发生任何事情。有没有人有这个包的经验来阐明一些问题？

编辑 3：我忘记了我从网站上复制的这个 CSS。我不完全理解，但这可能是问题所在？

是否可以借助 Dragula 拖放插件将元素拖放到 iframe 元素内部？插入

这是如何正常工作的

但现在<div id="right">元素移动到<iframe>标签

如何使用 iframe 标签进行拖放 - jsFiddle