问题标签 [react-beautiful-dnd]

我想要实现的目标：以编程方式在 react-beautiful-dnd 可删除列中滚动

如果它是一个简单的反应 div，我可以：

但是，在我实现 react-beautiful-dnd 之后，我需要替换 ref

我现在如何访问 ref 以编程方式执行滚动？

当用组件（react-virtualized-auto-sizer ）包装我的虚拟列表<FixedSizeList>组件（react-beautiful-dnd + react-window ）时，我收到以下错误：<AutoSizer>

如果我不使用并提供硬编码值来包装<FixedSizeList>组件，则不会发生错误。<AutoResizer>

我的程序实现了 2 个独立的、不可拖动的列表，我可以从中拖放它们。因为列表不可拖动，所以它不是典型的“板”，但我使用React-Beautiful-DND 的 CodeSandBox for React-Window Basic Board作为指南，使其也能正常工作。

列表.js：

ListItem.js：

无论错误如何，一切似乎仍然正常运行，但我真的很想在继续之前了解问题。

我刚刚将 react 和 react-beautiful-dnd 升级到最新版本，我得到了很多类型错误。这是我的代码：

这是我得到的错误：

请提供修复建议。谢谢。

我正在使用Material UIwithreact-beautiful-dnd创建一个非常简单的Grid列布局，其中包含可以重新排序的元素。但是，我遇到了难以解释的元素间距问题，所以我只给你看一个 gif：

我不确定这个问题可能来自哪里，甚至不知道该怎么称呼它。在内部， 的spacing属性Grid是使用 实现的padding，我什至找不到任何关于为什么它不能与拖放系统一起使用的信息。这是代码的主要部分：

我正在使用 react beautiful dnd 在水平列表中拖动图像和视频。图像/视频用 div 包裹（位置设置为relative）。它适用于图像，但不适用于视频。似乎 html 视频元素不会将点击、拖动事件传播到父 div，而是用于播放/暂停视频。我怎样才能绕过这个问题？我真的不需要视频控件？提前致谢

我一直在尝试使用 react-beautiful-dnd 库实现拖放功能。我从 redux 的初始状态显示一些按钮，并试图使这些项目可拖动。但是，由于某些原因，我在尝试移动按钮元素时在控制台中显示“无法找到具有 id: 的可拖动元素”的错误。这是第一次，我正在尝试实现这样的功能，但不确定我在哪里犯了错误。我知道Droppable包装器应该有一个droppableId但是基于我的状态数据的结构，我怎样才能传递 id？这是我已修改为使用拖放逻辑的 ListItems 组件：

然后在 App 组件中使用 ListItems 组件。

对于完整的演示，这里是沙盒链接：

https://codesandbox.io/s/adoring-jones-roswh?file=/src/components/ListItems.js:0-1298

所以，我解决了这个问题，并且 Draggbale 正在相应地工作。但是，现在的问题是我无法通过单击或选择按钮元素来移动项目，而是需要从右侧拖动按钮。可能是因为包装按钮的 div 元素正在处理拖动。任何使按钮可拖动的修复程序都会很好..

我到处搜索，但找不到正确的答案。也许我在操作搜索引擎方面还不够好️。

可以react-beautiful-dnd结合水平和垂直方向吗？喜欢什么react-sortable-hoc可以很容易地用axis="xy".

我想将一个项目从一个容器拖到一个A容器中B。在我的上下文中，同一个项目在 container 中时具有不同的大小和样式，B而不是在 container 中A。

我找到了一种方法来做到这一点，但问题是容器中项目的转换B为在拖动时为项目腾出空间是根据容器中的初始大小计算的B。有什么办法可以实现我想要做的事情吗？

当我将所有项目转移到一个组时出现问题，接下来我无法将它们移动到另一个，因为我抛出了一个错误：无法找到带有 id:X 的可拖动项目

示例拖放位于此处：https ://codesandbox.io/s/adoring-johnson-ky04r?file=/src/Table.js

我有一个简单的 react dnd 列表，我需要将项目从另一个列表中放入。当列表中的项目太多并且存在垂直滚动条时，不允许我添加。我需要向上滚动到顶部并将项目放在列表开头附近。有没有办法来解决这个问题？

我也为此找到了一个 github 问题：https ://github.com/atlassian/react-beautiful-dnd/issues/1903

谢谢！