react- but dnd中的Draggables不会拖动，而只会创建占位符
React DnD（Drag and Drop）是一个用于实现拖放功能的React库。在React DnD中，Draggables是可拖动的组件，可以通过拖动它们来实现交互操作。如果Draggables不会拖动，而只会创建占位符，可能是由于以下几个原因：
- 错误的组件嵌套：确保Draggables组件被正确地嵌套在DragDropContext（拖放上下文）组件中。DragDropContext是React DnD的核心组件，用于提供拖放功能的上下文环境。
- 缺少必要的属性：Draggables组件需要设置一些必要的属性，例如dragSource和dropTarget。dragSource属性定义了拖动开始时的行为，而dropTarget属性定义了拖动结束时的行为。确保这些属性被正确地设置。
- 事件处理函数错误：Draggables组件需要正确地处理拖动相关的事件，例如onDragStart、onDragEnd等。确保这些事件处理函数被正确地定义和调用。
- CSS样式问题：检查Draggables组件的CSS样式是否正确设置。确保拖动时的样式变化被正确地应用。
如果以上方法都没有解决问题，可以尝试查阅React DnD的官方文档，其中包含了更详细的使用说明和示例代码。以下是腾讯云相关产品和产品介绍链接地址：
相关·内容
我用react-beautiful dnd练习的简单应用程序不能像预期的那样工作。列表项不会拖动，而只是创建一个相邻的占位符。我读到draggable上的页边距有意想不到的后果，但摆脱引导样式仍然不能改善问题。下面是应用程序：https://codesandbox.io/s/53j0kvnw14
浏览 36提问于2019-01-29得票数 0
1回答
最重要的是，我试图允许从初始列表中拖出的元素在可丢弃列表中排序。这里有一个小提琴，从本质上说明了最初问题：造成的当前行为HTML <li>foo3</li>
<ul clas
浏览 4提问于2014-01-08得票数 10
这是我在onBeforeCapture()响应器中找到的代码，用于检索正确的可拖动元素并编辑其尺寸。在此响应器过程中更改尺寸符合文档说明。这似乎只适用于更改尺寸，其他问题是我使用的是renderClone方法，因此拖动对象只是拖动了一个巨大的偏移量，而不是接近正确的鼠标位置。此外，dnd将拖放占位符视为原始的大尺寸。有没有办法纠正鼠标的位置和<e
浏览 0提问于2020-03-09得票数 0
我正在进行一个拖放实现(从头开始，而不是使用DND库)，并希望在拖动过程中限制不必要的更新数量。拖动“克隆”(通常是原始元素的副本，但也可以是任意占位符)是通过更新容器组件( "Clonetainer")上的状态并使用它来应用转换来实现的。然而，在移动过程中更新整个子树是没有意义的，因为唯一的变化是容器的坐标
浏览 1提问于2016-04-13得票数 7
我有多个可排序的表，它们可以相互重叠。可排序对象相互连接，并允许将一个元素拖动到另一个元素。也有其他的项目，可以拖到这些排序。
我有一个棘手的部分，当一个占位符完全覆盖另一个占位符。我扩展了可排序小部件，并对其进行了一些修改，以检查z索引而不是容器。下一个问题是，如果我将一个项目从draggables拖放到内部容器中，会出现2个占位符，并试图同时添加这两个项目，但
浏览 0提问于2013-04-26得票数 0
回答已采纳
2回答
我使用角拖放列表包来创建拖放列表.但是，被拖动的元素总是会消失。在所有演示中，当您用鼠标移动拖动元素时，您可以看到它。但是我无法在下面的实现中看到这个元素。dnd-moved="items.splice($index, 1)" dnd-selected="models.selectedred;.dndDraggingSourc
浏览 5提问于2016-08-16得票数 3
回答已采纳
1回答
我在我的项目中使用取得了巨大的成功，但是我有一个更复杂的用例，基本上能够访问嵌套的ng-repeat数组。当存在时，它处理一个不同的用例。"img in imgArray.files" dnd-draggable="img" dnd-moved="img.splice($index, 1)"> <&
浏览 1提问于2015-12-31得票数 1
回答已采纳
场景2:用户再次将列表2拖到右侧，当拖动项悬停在列表1上时，必须显示拖放区域才能将列表2项拖放到此处。使用React Dnd，这是可以实现的吗？我试过了，它只有在拖动的时候才起作用。
需要显示占位符来放置一个项目，而悬停其他项目来放置。(当鼠标悬停
浏览 13提问于2019-10-25得票数 1
我有一个名为Draggable的简单类，它有一个可移动的和一个单击事件侦听器：'dojo/dom','dojo/dom-style', }});
在主HTML文件index.html<em
浏览 1提问于2018-01-24得票数 1
回答已采纳
2回答
我在我的项目中使用从网络加载一个列表(还没有使用数据库)。setInitialLoadSizeHint(20) .setEnablePlaceholders(true)占位符被启用，并且我在我的ViewHolders子类中处理空的PagedListAdapter，以不同的方式显示占位符项。占位<em
浏览 1提问于2018-09-11得票数 12
1回答
我正在为Angular CDK拖放的用例而苦苦挣扎:我希望第二个下拉列表是一个在组件加载时包含空元素的数组(因为我希望在那里有许多可以被从第一个列表中拖出的元素替换的占位符)。我在这里创建了一个沙箱：https://codesandbox.io/embed/angular-iiuhq?fontsize=14 我认为代码作为idea是可以的(尽管由于某些原因我不能让它在沙箱<em
浏览 27提问于2019-09-17得票数 1
我已经在jqueryui可排序列表上实现了我自己的滚动方法，这样当可排序辅助对象接近容器的边缘时，即使辅助对象是静止的，div也会自动滚动。这非常好用，而且它的行为也正是我想要的，而且在这个用例中，它比jqueryUI的可排序小部件本身中内置的“滚动”功能要好得多。
但是，在滚动时，占位符位置不会更新。通过深入研究jqueryui源代码，我可以看到，只有在拖动he
浏览 0提问于2013-02-16得票数 0
回答已采纳
示例：
浮动元素是具有水平可排序的常见解决方案，但我想知道是否有一种方法可以在开始拖动时阻止项移动？
浏览 2提问于2013-09-20得票数 0
回答已采纳
我正在尝试设置幻灯片中标题、副标题的位置和格式。我尝试使用以下代码更改所有幻灯片中标题和副标题的位置、字体类型。它适用于标题，但字幕位置，字体类型没有变化。我们怎样才能获得字幕的引用来处理它的位置，字体大小等。
浏览 0提问于2019-09-06得票数 0
2回答
我使用JQuery的将表的td标记排序为 .children('tr').sortable({但我发现更多的专栏出现了。附加问题：我可以排序整个表的td标记而不是每一行吗？(目前，我只能对相同行的td标记进行排序。我想拖动一个td并替换为另一个不同行的td标记)
浏览 2提问于2015-08-29得票数 0
回答已采纳
我正在为引导3网格在html5中实现一个本机DnD，并且我试图生成指示符，同时在两个元素之间拖动以告诉用户他可以在那个位置删除项目。现在，每当拖动在元素的左侧或右侧悬停时，我就会添加border-left和border-right。这基本上很好，但是当拖过边框到下一个元素时，边框会随着div大小的变化而跳跃。我试过了
box-shadow ->不能使用像dashed这样<e
浏览 0提问于2019-02-14得票数 0
回答已采纳
1回答
我试图在不使用任何外部库的情况下实现一个简单的拖放网格，但是我面临一些问题。
首先，我似乎无法使用占位符；我不想相互交换项目，我希望在用户执行删除的项目之间创建某种类型的空空间。第二，我只能把这个项目放在列表的末尾。React +平原HTML5 DnD API的教程似乎不多，但是在之后，我尝试在类之前声明占位符，然后在onDragOver和OnDragEnd方法中使用它，但是它一直
浏览 4提问于2018-01-27得票数 2
37回答
我使用占位符作为文本输入，它工作得很好。但是我也想在我的选择框中使用占位符。<option value="">Select your option</option></select>
但是“选择你的选项”是黑色的而不是浅灰色的。
浏览 30提问于2011-04-27得票数 1794
回答已采纳
我的公司正在使用SSRS，我们需要将一些报告移到不同的文件夹中。我相信一些用户在桌面上有指向报告的快捷方式。有没有一个简单的方法来处理这个问题，这样他们的桌面快捷键就不会崩溃？一个选项是创建一个与实际报表同名的“占位符”报告，该报告位于所在的实际报表文件夹中。占位符报告将有文本框解释报告已被移动，并提供指向实际报告的</
浏览 6提问于2014-07-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
