React Beautiful D&D 未设置 ref 时无法获取维度

React Beautiful D&D Cannot get dimension when no ref is set

社区大家好!

所以我正在开发元表单创建器,并且 运行 遇到了一些性能问题。我制作了一个沙箱来问这个问题,但是当我尝试将第二张卡片拖到沙箱中时,我 运行 陷入了“未设置引用时无法获取尺寸”错误。

我试过每一个我设置的裁判,试图解决这个问题,但似乎做不到。

这里是代码沙箱。全屏玩很有趣。你把卡片拖过来点击展开,然后你就可以编辑输入了。

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 传递给内部容器元素。如果可能,请尝试 post 最小版本的代码来重现错误,这样我们就不必调试您的整个应用程序。现在,有很多地方可以使用 <Draggable><Droppable> 组件,这两个组件都需要顶部元素设置 ref。调试可能需要一段时间。