我在将组件放入我的应用程序的下一个列表区域时遇到了困难。我可以在父列中完美地拖放和排序，但不能将组件放到其他地方。下面是我的onDragEnd函数中的代码： onDragEnd = result => { } }) }
} 从我一直在
浏览 8提问于2019-04-01得票数 0
回答已采纳
如何确保可拖动组件不会超出react-beautiful dnd中的Dropable区域或某个特定的div？ 我希望确保可拖动组件不会超出某个特定的div或区域或外部可拖放区域。在当前时间，我找不到任何工作来限制可拖动组件在某个特定区域或容器中的移动。非常欢迎您的帮助和建议。 谢谢
浏览 147提问于2021-01-09得票数 1
我想要实现的是:在react-beautiful dnd可丢弃列中以编程方式滚动 如果它是一个简单的react div，我可以： const myref = useRef(null) )} <button onClick={executeScroll}/>) 然而，在我实现rea
浏览 34提问于2020-06-19得票数 0
我正在尝试在一个应用程序中同时使用D3、平行圆弧和材料表。每个组件单独运行良好。但是当这些一起呈现时，react- but dnd内部就会发生一个问题。D3平行圆弧在内部使用d3拖拽包，材料表使用react-beautiful dnd包。我认为这是因为当渲染时，每个组件中的react- because dnd和d3-拖动是相互影响的，所以发生了这个问题。
浏览 99提问于2020-05-14得票数 0
1回答
我一直在学习React，在过去的一个月里一直在做一个项目，但我开始意识到我的组件不一定是“可重用的”。我知道可重用性是React的一个重要概念，但我不知道如何简化我的组件。例如，我有一个使用react-beautiful dnd的待办事项应用程序，它包含三个组件: DragDropContext、Droppable和Draggable。整个应用程序现在包含四个组件:主应用程序组件，它将数据传递给三个react-beautiful dnd</em
浏览 19提问于2020-06-21得票数 2
我正在使用react-beautiful dnd创建一个类似trello的组件，但是在拖动过程中这个可拖动的对象是不可见的，我正在努力找出原因。
浏览 2提问于2018-11-27得票数 3
我有一个简单的react-beautiful dnd应用程序，其中有多行，您可以在它们自己的行中拖动组件。我的问题是，当我在一行中拖动一个可拖动对象时，内容移动和被拖动组件消失的视觉效果在每一行都会发生。 这是一个演示我的问题的gif： ?
浏览 154提问于2020-01-17得票数 3
回答已采纳
我正在尝试使用react-beautiful dnd创建一个非常简单的、可拖动的元素列表。当我尝试使用快照并分配snapshot.isDragging的值时，我得到一个错误。provided.draggableProps}
34 | {...provided.dragHandleProps} 下面代码的最终目标(不起作用的部分)：是将isDragging属性从快照传递到容器中，以便我可以在其上使用样式组件。设置了样式的组件部分正在工作(当我在第31行处理true/
浏览 62提问于2020-08-29得票数 0
回答已采纳
我想要设置元素的样式，当您尝试重新排序表中的列时，该元素会显示出来。此外，是否可以更改传递到被拖动组件中的数据？据我所知，它总是显示名称。
浏览 0提问于2020-02-21得票数 0
我使用react-beautiful dnd()库在列之间移动项目。在将项目拖到不同的列之后，我正在尝试更新状态中的列。在endDrag函数中，我在设置state之前注销了columns变量，这在这一点上是正确的。因此，要么是我没有正确设置state，要么是我没有正确地从column组件中读取state。我在OrderColumn组件中的控制台日志输出的是列的旧状态，因此这似乎表明
浏览 11提问于2019-11-16得票数 0
回答已采纳
我有列里面有物品。目前，根据我从react-beautiful-dnd复制的代码，列和项都是可拖动的，而且运行良好，但我不希望这些列是可拖的。如果我删除了<Draggable/>组件，React就会因为将函数作为子函数而感到不安。我试过很多其他的东西，没有任何运气。有关于如何从此组件中删除列拖动功能的建议吗？PropTypes from 'prop-types';
import styled from
浏览 0提问于2019-04-25得票数 0
回答已采纳
我手动创建了包含在usedComponents状态数组中的每个组件的引用，并将它们绑定到componentType，如下所示： this.headerLogo = React.createRef();selected }; this[id].current.scrollIntoView({ block: "start", behavior: "smooth" });
}; 但是，我使用react-beautifuldnd是为了能够通过将新组件拖动到主
浏览 24提问于2019-07-03得票数 4
回答已采纳
我有一个dnd游戏，现在我的任务是按照定义数组的顺序执行的，但我希望我的任务是随机生成的，而不是按照特定的顺序柱组件：import styled from 'styl
浏览 14提问于2019-07-29得票数 0
我正在使用react-beautiful dnd进行拖放场景，尝试添加一个拖放动画，遵循手册https://github.com/atlassian/react-beautiful-dnd/blob/在使用typescript时，当我将isDragging属性添加到简单的div元素中时，我遇到了麻烦。为了解决这个问题，我构建了一个具有扩展属性的组件，如下所示 Specify specific props and accept general HT
浏览 68提问于2019-10-11得票数 0
我正在尝试在我的应用程序中实现react-beautiful dnd，当我多次尝试将相同类型的组件拖动到可放置区域时，我遇到了一个问题。"headerLogo", //...rest of the component properties
} onDragEnd处理程序中与添加新组件相关的部分给我带来了麻烦我有另一个处理程序，用于在单击时选择一个基于组件</
浏览 8提问于2019-07-03得票数 0
回答已采纳
我有react-beautiful dnd水平多列表(6行，每行有相同的项目)，每个列表中都有相同的项目。我想从每个列表中删除单独的选定项，但在呈现列表本身时，只需让一个带有onClick的按钮组件触发onClick。如何配置列表，以便在单击close/delete (x)按钮时从该列表中删除单个项目？Component } from 'react';
import { DragDropContext, Droppable, Draggable } from
浏览 0提问于2018-05-31得票数 2
1回答
拖放JTableHeader
、、、、
我想把一个列标题拖到我的组件上，然后根据拖拽的列做一些工作。我可以从哪里开始呢？有没有可能在JTableHeader上实现DnD并保存"move-columns“特性(在JTable中”开箱即用“)？
浏览 2提问于2012-09-19得票数 4
1回答
我试图使用一个JPanel删除GridBagLayout中的多个组件 publicrow + y; this.repaint();
正如你所看到的，这两个街区应该是相邻的
浏览 1提问于2015-04-14得票数 0
回答已采纳
我正在尝试实现react优美-dnd提供的拖放组件，用于将课程映射到数据库上可用的给定课程集的程序。DND(拖放)组件有两个列-映射的课程和可用的课程，其数据从API获取。为此，我将创建一个initialData对象，将其填充到映射的课程&从DB获取的可用课程，然后最后将这个initialData复制到DND组件的列中。Available Courses']: {
name: 'Availa
浏览 2提问于2021-11-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
