react-beautiful dnd可拖拽一切

文章/答案/技术大牛

发布

1回答

选择退出"move out of the way“功能？

reactjs、react-beautiful-dnd

我在我的项目中使用react-beautiful dnd。我正在尝试使两个可拖放的对象交换位置(在可拖放的对象之间)。基本上每个droppable只允许1个draggable。一切都运行得很好，除了一个部分。当我将鼠标拖到可拖动对象上时，"move out of the way“功能会一直将它们移开，但我不希望这样。有没有人知道不把拖拽的东西移走的方法？

浏览 12提问于2019-02-06得票数 0

1回答

javascript、reactjs、react-beautiful-dnd

我最近一直在尝试使用react漂亮的dnd来构建一个类似trello的应用程序。我可以让draggables拖动元素，但当我抓取要拖动的元素时，所有可拖动的元素都会随之拖动。我一直在看react- but dnd的egghead.io课程和文档，但仍然无法弄清楚为什么所有的拖拽工具都在拖拽。</div> </Droppable> </div>

浏览 53提问于2020-01-19得票数 0

1回答

React-beautiful dnd与其他拖拽包的冲突

reactjs、d3.js、material-ui、react-beautiful-dnd

但是当这些一起呈现时，react- but dnd内部就会发生一个问题。D3平行圆弧在内部使用d3拖拽包，材料表使用react-beautiful dnd包。我认为这是因为当渲染时，每个组件中的react- because dnd和d3-拖动是相互影响的，所以发生了这个问题。

浏览 99提问于2020-05-14得票数 0

1回答

TypeError:无法读取react BeatifulDnD上未定义的属性“”map“”

javascript、reactjs

我正在尝试将React钩子与atlassian/react-beautiful dnd 一起使用我几乎被困在这里了。import React from 'react'; import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd

浏览 6提问于2019-10-28得票数 0

1回答

如何确保可拖动组件不会超出react-beautiful dnd中的Dropable区域或某个特定的div？

reactjs、react-beautiful-dnd、sortablejs、react-sortable-hoc

如何确保可拖动组件不会超出react-beautiful dnd中的Dropable区域或某个特定的div？我希望确保可拖动组件不会超出某个特定的div或区域或外部可拖放区域。在当前时间，我找不到任何工作来限制可拖动组件在某个特定区域或容器中的移动。非常欢迎您的帮助和建议。谢谢

浏览 147提问于2021-01-09得票数 1

1回答

如何在react-beautiful dnd中访问ref和编程滚动

scroll、react-beautiful-dnd

我想要实现的是:在react-beautiful dnd可丢弃列中以编程方式滚动如果它是一个简单的react div，我可以： const myref = useRef(null) )} <button onClick={executeScroll}/>) 然而，在我实现react-beauti

浏览 34提问于2020-06-19得票数 0

1回答

react-beautiful dnd从列表中拖动克隆

reactjs、drag-and-drop、react-beautiful-dnd

我正在尝试实现这样的东西：https://codesandbox.io/s/40p81qy7v0?file=/index.js它在沙箱中的编辑器中工作得很好，但当我在我的计算机上运行代码时，它的工作方式与示例中的不同。当拖动一些东西时，下面的下一个元素消失了。有没有人知道如何实现这种克隆效果？谢谢!

浏览 155提问于2020-10-26得票数 1

1回答

我一直在学习React，在过去的一个月里一直在做一个项目，但我开始意识到我的组件不一定是“可重用的”。我知道可重用性是React的一个重要概念，但我不知道如何简化我的组件。例如，我有一个使用react-beautiful dnd的待办事项应用程序，它包含三个组件: DragDropContext、Droppable和Draggable。整个应用程序现在包含四个组件:主应用程序组件，它将数据传递给三个react-beautiful dnd组件。到目前为止，这是非常简单和可

浏览 19提问于2020-06-21得票数 2

1回答

react-beautiful dnd可拖动对象在拖动期间不可见

javascript、reactjs、react-beautiful-dnd

我正在使用react-beautiful dnd创建一个类似trello的组件，但是在拖动过程中这个可拖动的对象是不可见的，我正在努力找出原因。

浏览 2提问于2018-11-27得票数 3

1回答

如何将拖放代码重构并简化为更小的块

javascript、reactjs、refactoring、react-beautiful-dnd

我使用react-beautiful dnd创建了一个原型拖放功能组件。然而，我对代码的长度(例如250行)不太满意，我认为它应该是更好的可破解性。请在this sandbox下找到此示例。

浏览 41提问于2021-10-26得票数 0

回答已采纳

1回答

react-beautiful dnd:当存在多个列表时，在一行中拖动内容将从所有行中拖动相同的索引

javascript、reactjs、drag-and-drop、draggable、react-beautiful-dnd

我有一个简单的react-beautiful dnd应用程序，其中有多行，您可以在它们自己的行中拖动组件。我的问题是，当我在一行中拖动一个可拖动对象时，内容移动和被拖动组件消失的视觉效果在每一行都会发生。这是一个演示我的问题的gif： ?

浏览 154提问于2020-01-17得票数 3

回答已采纳

1回答

一次只能dojo.dnd一个项目

dojo、drag-and-drop

使用dojo.dnd，我希望允许用户一次只拖动一项()，而不是按dojo的默认行为拖拽任意数字。new dojo.dnd.Source(containerNode) ...which使containerNode的所有子节点都可以拖动。

浏览 0提问于2009-10-21得票数 5

回答已采纳

1回答

如何在React中保存拖放行的状态？

reactjs、react-beautiful-dnd

我是一个初学者，目前，我正在努力学习如何使表格的行可拖动和可重新排列。我使用的是react-beautiful dnd库。我可以将行设置为可拖动，但无法在拖放后保存行的状态。/App.css'; class App extends

浏览 34提问于2021-09-10得票数 0

回答已采纳

1回答

如果页面有多个垂直滚动条，则无法在拖放时向下滚动

jquery、backbone-views

画布区域无法向下滚动我不能向下滚动画布来放下我拖拽的value.Actually，我在可拖拽时完成了代码，如下所示。查看我的屏幕截图revert：“无效”，appendTo："body"， scroll

浏览 1提问于2014-12-23得票数 2

2回答

如何将项目放到react-dnd中的空节？

javascript、reactjs、drag-and-drop、react-dnd、sortablejs

我正在尝试使用react-dnd创建一个拖放列表。我这里有一个问题：如果我们将image1移到第一组或第三组，我们就不能回到第二组。

浏览 11提问于2020-05-19得票数 3

4回答

我试图创建一个可拖拽的表格/列表，它给出了错误提示'provided.innerRef没有提供HTMLElement。‘

material-ui、react-beautiful-dnd

我正在尝试使用Material UI和react-beautiful dnd创建一个可拖动的列表。guide on using the innerRef callback functions at: https://github.com/atlassian/react-beautiful-dnd

浏览 0提问于2019-04-26得票数 1

1回答

react-beautiful dnd DragDropContext未触发onDragEnd

reactjs、react-beautiful-dnd

我正在使用react-beautiful dnd对列表进行重新排序，并遵循example 一切看起来都很好，控制台中没有错误或警告消息，拖放动画看起来很有希望，但onDragEnd和onDragStart/entities/controlPlane"; </Dr

浏览 105提问于2021-09-03得票数 0

回答已采纳

1回答

npm更新不执行任何操作

reactjs、npm、drag-and-drop

当我在我的项目目录中运行"npm -v react-beautiful dnd“时，我可以看到它是"6.4.1”。我继承了这个项目，所以这个版本可能是当时最新的稳定版本。一切都很顺利，但是当我运行"npm -v ...“它仍然显示相同的版本。据我所知，该包的稳定版本比6.4.1高得多，所以我不知道这是怎么回事。

浏览 1提问于2018-11-13得票数 1

3回答

jQuery在多个tbodies之间拖动(重新排序)表行

javascript、jquery

>US Nukes</td> <tr> </tr></table> 我需要关闭某些行的“可拖放性

浏览 0提问于2010-07-27得票数 1

1回答

在react-beautiful* dnd中通过快照时出现typescript类型错误*

reactjs、typescript、react-beautiful-dnd

我正在尝试使用react-beautiful dnd创建一个非常简单的、可拖动的元素列表。当我尝试使用快照并分配snapshot.isDragging的值时，我得到一个错误。} from "react";import { Draggable } from "react-beautiful-dndhttps://egghead.io/lessons/rea

浏览 62提问于2020-08-29得票数 0

回答已采纳

点击加载更多

选择退出"move out of the way“功能？