React-Beautiful-Dnd在插入新的可拖动对象后不重新渲染
React-Beautiful-Dnd是一个用于实现拖放功能的React库。它基于React的虚拟DOM机制，通过对DOM元素进行重新排序和更新来实现拖放操作。
在使用React-Beautiful-Dnd时，当插入新的可拖动对象后不重新渲染，可能是由于以下原因导致的：
- 未正确更新组件状态：在React中，组件的状态更新会触发重新渲染。如果插入新的可拖动对象后没有重新渲染，可能是因为没有正确更新组件的状态。可以通过调用setState方法来更新组件的状态，并确保状态的更新能够触发重新渲染。
- 未正确使用React-Beautiful-Dnd的API：React-Beautiful-Dnd提供了一些API来处理拖放操作，如DragDropContext、Droppable和Draggable等组件。如果没有正确使用这些API，可能会导致插入新的可拖动对象后不重新渲染。可以参考React-Beautiful-Dnd的官方文档，确保正确使用API。
- 未正确处理拖放事件：在React-Beautiful-Dnd中，拖放操作是通过事件来触发的。如果没有正确处理这些事件，可能会导致插入新的可拖动对象后不重新渲染。可以通过在相应的事件处理函数中更新组件的状态，从而触发重新渲染。
总结起来，要解决React-Beautiful-Dnd在插入新的可拖动对象后不重新渲染的问题，需要确保正确更新组件的状态、正确使用React-Beautiful-Dnd的API以及正确处理拖放事件。如果仍然无法解决问题，可以查看React-Beautiful-Dnd的官方文档或者提问社区寻求帮助。
推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云容器服务（TKE）。腾讯云服务器提供了稳定可靠的云服务器实例，可用于部署和运行React应用程序。腾讯云容器服务提供了高度可扩展的容器集群管理服务，可用于部署和管理React应用程序的容器化版本。
腾讯云服务器（CVM）产品介绍链接：https://cloud.tencent.com/product/cvm 腾讯云容器服务（TKE）产品介绍链接：https://cloud.tencent.com/product/tke
相关·内容
2回答
React-Beautiful-Dnd在插入新的可拖动对象后不重新渲染
javascript、reactjs、react-beautiful-dnd
我在使用React-Beautiful-Dnd库在我的and应用上创建拖放系统时遇到了一些问题。我遵循了教程，一切都很顺利，但我现在正在尝试在我的应用程序中使用它，我需要能够通过用户请求使用一些添加/删除按钮来添加和删除可拖动的对象。问题是，应用程序不会重新渲染任何东西，直到我尝试移动一个旧的Draggables。 除此之外，由于某些原因，在</
浏览 60提问于2020-12-21得票数 1
1回答
当拖动React - MaterialUI -dnd可拖拽时，react MaterialUI <ListItemSecondaryAction>卡住了？
javascript、reactjs、react-material、react-beautiful-dnd
我正在使用Material UI ListItems使用react-beautiful-dnd制作一些可拖动的列表项。在下面，您可以看到该项目正被拖动到列表的顶部，而其他ListItemText正在围绕占位符/重新排列，被拖动的项目将被拖放到该位置。然而，被拖动的项目的上下文菜单图标被冻结在它以前所在的位置上方，并且其他项目的上下文菜单图标没有移动到新<
浏览 55提问于2021-04-07得票数 0
回答已采纳
1回答
如何在Sencha Touch 1中通过拖放重新排列容器中的项目
sencha-touch
我需要做一个列表，可以通过在Sencha Touch 1.0应用程序中使用拖放来重新排列。因此，到目前为止，我所做的是创建一个面板，其中的项目列表由交替的可拖动和可拖放面板组成。我可以将一个项目拖到一个新的位置，我可以确定我需要插入它的位置，但问题是我不知道如何在面板中实际移动项目。我试图移除该项目并将其插入到新位置，但速度有点慢，而且一旦我将可
浏览 3提问于2012-09-18得票数 1
1回答
React -React功能组件中映射对象的可拖动保存位置
reactjs、draggable
我怎么能让每个可拖动的对象都有自己的状态。例如，如果我拖动其中一个对象，所有其他映射对象共享相同的状态，因此彼此跟随。我怎么能把每一个都分开呢？
浏览 20提问于2021-06-09得票数 0
回答已采纳
1回答
如何访问JQuery函数的“选项”？
jquery、json、jquery-ui
JQuery函数通常接受"options“参数，该参数采用JSON对象的形式。，取自JQuery网站： opacity: 0.25, height: 'toggle'});例如，假设我有一个可拖动</e
浏览 1提问于2013-04-24得票数 0
1回答
如何在React中保存拖放行的状态？
reactjs、react-beautiful-dnd
我是一个初学者，目前，我正在努力学习如何使表格的行可拖动和可重新排列。我使用的是react-beautiful dnd库。我可以将行设置为可拖动，但无法在拖放后保存行的状态。/App.css';
import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd'
浏览 34提问于2021-09-10得票数 0
回答已采纳
1回答
将jQuery对象存储在数据库中
database、jquery
我有几个可拖动的对象，我想让用户拖来拖去，然后按“保存”，第二天返回页面，再拖一些。可拖动对象包括具有事件处理程序的动态html等。
我希望将这些对象存储在数据库中，然后能够重新加载它们。我想出的一种可能的方法是将所有DOM代码作为字符串存储在一个容器div中，然后将其插入到页面中，并运行脚本为特定元素添加新的
浏览 0提问于2012-05-25得票数 0
回答已采纳
2回答
jqueryui多次拖动元素
javascript、jquery-ui
如何将拖放设置为允许多次拖动一个元素
我已经制作了类似这样的，但是在将一个项目从红色拖到蓝色之后，元素失去了“可拖放性”，并且我不能再拖动它了。添加revert:true到draggable似乎是可行的，但是我需要删除helper:'clone‘不能同时使用它们
浏览 1提问于2011-02-17得票数 2
回答已采纳
1回答
在用户完成拖放后重新排列多个选定的列表查看项
c++、listview、winapi
INTRODUCTON：问题：在用户释放鼠标后，我有单击项的索引。我有拖曳物品的索引和它们的计数。伪代码也是可以接受的，但请注意，我可能有后续问题。这篇文章是为了回应那些声称我最初的问题并没有寻求用户友好的实现而编辑的</em
浏览 0提问于2015-02-17得票数 1
回答已采纳
2回答
将javascript函数应用于可拖动副本
jquery、jquery-ui、clone、draggable
我想要应用一个名为copie_contenue的函数来更改我在拖拽原件后创建的副本上的div parent id，但是我的脚本更改了原件而不是副本我也尝试了ui.helper来代替它，但是没有任何反应
浏览 3提问于2011-04-21得票数 2
回答已采纳
2回答
我有一个动画打开一个抽屉，这是一个反弹从底部，然后停止在33 %的高度。动画之后，抽屉需要是可拖的。我正在通过调整固定位置抽屉的高度和顶部来创建可拖动的功能。问题：如何使抽屉的高度正确调整？
我什么都没试过，我不明白根本的<
浏览 0提问于2019-07-31得票数 0
回答已采纳
3回答
在父框架和子iframe之间拖放元素
jquery、drag-and-drop、jquery-ui-sortable、jquery-ui-draggable、droppable
我正在尝试使用jQuery在父框架和iframe之间拖放元素。我在父框架中有一个面板，其中包含一些可拖动的项目，可以放在子框架上。我试着找了很多，但找不到太多...我试图通过在子框架中添加元素来解决这个问题，然后尝试以编程方式在新插入的元素上触发draggable，但我也被困在了那里。找不到触发拖动功能的正确方式。(可拖动元素有一个帮助器。当我通
浏览 0提问于2013-02-05得票数 13
回答已采纳
1回答
jQueryUI可拖动:动态添加的元素出错
javascript、jquery-ui、draggable
我稍微扩展了jQueryUI示例"Draggable + Sortable“( )，使其能够动态添加可拖动元素。在这里可以找到一个活生生的例子：。单击Add按钮后，新的可拖动项将优雅地添加到#sortable列表中。如何修复这种奇怪的行为？如何正确拖拽新增的项目？
浏览 1提问于2011-08-15得票数 0
回答已采纳
1回答
如何使用javascript获取更新的innerHTML
javascript、html、drag、innerhtml
我有这个页面包含3个可拖动的div。现在当我把它们拖到不同的位置。<div style='position:absolute;left:1px;top:1px;'>
在我拖动该框后，它应该会更改到新的位置。应该会显示更新的</
浏览 1提问于2010-07-18得票数 1
2回答
WPF -暂停UI线程？
wpf、user-interface、multithreading、tabcontrol、flicker
我有一个带有可拖动标签的标签控件。松开鼠标后，它会从tabControl中删除选定的选项卡，并将其添加到新位置。我的问题是，TabControl会在移除标签后自动绘制，然后在添加标签时再次绘制，因此会有一个非常明显的闪烁，显示标签后面的标签被移动。有没有一种方法可以暂停UI线程，使选项卡控件在移除和插入操作完成之前不会重新绘制？或者其他一些重新排
浏览 0提问于2010-05-11得票数 1
回答已采纳
1回答
jQuery :为什么移除draggable的父级会破坏draggable？
jquery、draggable
我在尝试提高处理大量可拖动对象的性能时遇到了这个问题；我尝试删除一个父容器，以便批处理项更快(这样每个处理都不会触发DOM刷新)，然后重新插入容器确实会导致可拖动对象停止工作。p.appendTo('#listParent'); // ...</script>
因此，例如，调用filterItems('foo'
浏览 2提问于2012-05-22得票数 0
回答已采纳
3回答
在我用AJAX重新加载网页的一部分后，Draggable停止工作
jquery、jquery-ui
我已经实现了可拖放的jquery函数。它们起作用了。
但是，如果我重新加载网站的一部分，它们就会停止工作。例如，我通过AJAX重新加载一个包含可拖动项的div (以获取更新的项)，突然我不能拖放这些新项。虽然我没有用javascript代码重新加载网页的一部分，但它仍然可以工作。
浏览 2提问于2010-11-19得票数 3
回答已采纳
2回答
在qt中拖动绘图中的错误条
c++、qt、qt5、qpainter
我正在使用Qt5.9中的QPainter，使用C++来绘制图形，并根据鼠标事件进行更新。--
当然，垂直线和水平线之间不应该有间隙。我需要能够在曲线图上拖动错误条，并在松开鼠标按键时获得错误条中心位置的坐标。到目前为止，我已经用轴和标签绘制了一个图。不确定如何使用QPainter或任何其他Qt库类获取错误栏。请提供一些关于如何制作/绘制错误条的见解。在QPainter中有没有简单的方法可以做到这
浏览 2提问于2017-06-30得票数 1
1回答
分离元素上的敲除绑定
javascript、knockout.js
knockout似乎破坏了分离元素上的绑定。因此，如果我应用绑定并分离该元素，不仅在分离该元素时不会计算该绑定，而且在将该元素重新插入到文档中后，该绑定仍然会被破坏。list.detach();
这里有一个小把戏：
$list中的绑定应为1、2、3，但并不计算分离后的每个更新。
浏览 0提问于2012-11-26得票数 1
回答已采纳
1回答
jQuery UI -拖放后无法立即拖动
jquery、html、css、jquery-ui、drag-and-drop
left: cntrLeft + "px", });
});现场示例：
正如您在jsfiddle示例中所看到的，当一个图像被拖放时，它会完美地锁定，但是当您移出拖放区域时，它将失去可拖放性，而不是恢复并附加到其原始父级。
浏览 2提问于2013-01-05得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
