Dragabbale 不会在 react-beautiful-dnd 中移动

Posted 2023-03-25

技术标签:

【中文标题】Dragabbale 不会在 react-beautiful-dnd 中移动【英文标题】：Dragabbale won't move in react-beautiful-dnd 【发布时间】：2020-07-14 16:30:12 【问题描述】：

我正在尝试在react-beautiful-dnd 中构建一个简单的可拖动对象实现，但显然我的可拖动对象不会移动。

这是我在 CodeSandbox 中的示例代码：

https://codesandbox.io/s/using-react-beautiful-dnd-with-hooks-zqpi9?fontsize=14&hidenavigation=1&theme=dark

【问题讨论】：

【参考方案1】：

只需从draggable 的子元素中删除style 属性（在您的情况下，它是Block 组件）。 DnD 使用它自己的style 属性，然后您覆盖它。您必须使用className 来代替它。

你的例子没有style:https://codesandbox.io/s/using-react-beautiful-dnd-with-hooks-1m4zm

【讨论】：

以上是关于Dragabbale 不会在 react-beautiful-dnd 中移动的主要内容，如果未能解决你的问题，请参考以下文章