React Beautiful D&D 未设置 ref 时无法获取维度
React Beautiful D&D Cannot get dimension when no ref is set
社区大家好!
所以我正在开发元表单创建器,并且 运行 遇到了一些性能问题。我制作了一个沙箱来问这个问题,但是当我尝试将第二张卡片拖到沙箱中时,我 运行 陷入了“未设置引用时无法获取尺寸”错误。
我试过每一个我设置的裁判,试图解决这个问题,但似乎做不到。
这里是代码沙箱。全屏玩很有趣。你把卡片拖过来点击展开,然后你就可以编辑输入了。
在 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。调试可能需要一段时间。
社区大家好!
所以我正在开发元表单创建器,并且 运行 遇到了一些性能问题。我制作了一个沙箱来问这个问题,但是当我尝试将第二张卡片拖到沙箱中时,我 运行 陷入了“未设置引用时无法获取尺寸”错误。
我试过每一个我设置的裁判,试图解决这个问题,但似乎做不到。
这里是代码沙箱。全屏玩很有趣。你把卡片拖过来点击展开,然后你就可以编辑输入了。
在 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。调试可能需要一段时间。