如何访问不转发ref的第三方组件的DOM元素

Question

我正在使用一个第三方组件，该组件不会将引用转发到其 DOM 组件，不幸的是，我需要在代码中获取对其 DOM 元素的引用。

下面的代码显然失败了：

const ThirdPartyComponent = (props) => {
  return <div>I'm a third party component</div>;
};

const MyComponent = () => {
  const ref = useRef();

  return <ThirdPartyComponent ref={ref} />;
};

“无法给函数组件提供引用。尝试访问此引用将失败。您是否打算使用 React.forwardRef() ？”

请参阅此处的代码和框。

是否有办法获取第三方组件内 DOM 元素的引用？我知道已弃用的 findDOMNode API。我不太热衷于它，但尽管如此，我还是没能让它发挥作用。

注意：我知道我所要求的并不被认为是好的做法。我这样做的原因是让react-beautiful-dnd与DevExtreme的Reactive Grid一起工作。Draggable组件需要对可拖动元素的引用（<tr>这里的 s，我没有）。只是想简化问题。