React Beautiful D&D 在没有设置 ref 时无法获取维度

问题描述

你好社区！

所以我正在开发元表单创建器，但遇到了一些性能问题。我做了一个沙箱来问这个问题，但是当我尝试将第二张卡拖到沙箱中时，我遇到了“没有设置引用时无法获取维度”错误。

我已经尝试过我设置的每个裁判，试图解决它，但似乎无法解决。

这是代码沙箱。玩全屏的乐趣。您将卡片拖过并单击展开，然后您可以编辑输入。

Code Sanbox For Material UI Form Creator

解决方法

在 SimpleFormCreator.jsx 行号 721 上，您有一个 div，需要将其 ref 属性设置为provided.innerRef。

改成这样：

 <div
    style={{width: "max-content",flex: "50%",marginBottom: 10}}
    ref={provided.innerRef}>
    {...}
 </div>

Refer to this issue on rbd github。 如果这不能解决您的问题，您可能还有其他地方没有将 ref 传递给内部容器元素。如果可能，请尝试发布重现错误的代码的最小版本，这样我们就不必调试整个应用程序。现在，有很多地方可以使用 <Draggable> 或 <Droppable> 组件，这两个组件都需要顶部元素具有 ref 集。调试可能需要一段时间。