javascript - React-beautiful-dnd 中的 Draggables 不会拖动,而只会创建一个占位符

标签 javascript reactjs drag-and-drop react-beautiful-dnd

我用react-beautiful-dnd练习的简单应用程序无法按预期工作。列表项不会拖动,而只是创建一个相邻的占位符。我读到可拖动的边距会产生意想不到的后果,但摆脱引导样式仍然不能改善问题。 这是应用程序:https://codesandbox.io/s/53j0kvnw14

最佳答案

您需要在Draggable组件中使用provided.draggableProps.style

style={{ maxWidth: 400, ...provided.draggableProps.style }}

参见https://codesandbox.io/s/2p0k6mjo4y

关于javascript - React-beautiful-dnd 中的 Draggables 不会拖动,而只会创建一个占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54417971/

相关文章:

javascript - 如何计算将 bool 表达式字符串括起来以求得所需结果的方法的数量

ajax - Set State in Ajax Call Back throws error : Warning: setState(. ..): Can only update a mounted or mounting 错误信息

javascript - 每次按键时 OnKeyDown 监听器调用 6 次

drag-and-drop - 从 PyQt 4.x 拖放到 OSX 文件系统

javascript - Angular 8 嵌套拖放

javascript - jQuery UI 可拖动不适用于新创建的 DOM 元素

javascript - 使用 JS map/reduce 合并对象数组而不是 forEach

javascript - 如何从一年中的第x天开始获取日期?

javascript - 在调整大小时将图像高度应用于 Div

reactjs - React测试库,如何测试history.push