如何获取React DnD组件的大小

如何解决如何获取React DnD组件的大小

我正在改进使用React Dnd初始化的拖放组件。现有代码如下所示。

const Dropable = ({ id,type,allows,acceptTypes,}) => {
    const ref = React.useRef(null)

const [dropContext,drop] = useDrop(
    {
        id: id,type: acceptTypes.component,accept: acceptTypes,actualType: type,allows: allows,alwaysDropInside,},onDrop,ref
  )

  return (
    <div ref={ref}>
        <div {...dropContext} ref={drop}>
            {children}
        </div>
    </div>
  )
}

我需要获取拖动组件的尺寸，因为我会将这个尺寸放到放置位置以显示放置组件的位置。