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

问题描述

我正在使用一个没有 forward the ref to its DOM component 的第三方组件,不幸的是,我需要在我的代码获取对其 DOM 元素的引用。

下面的代码显然失败了:

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

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

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

"无法为函数组件提供参考。尝试访问此参考 将失败。你的意思是使用 React.forwardRef() 吗?"

请参阅此处的 codesandbox

无论如何都可以获得对第三方组件内的 DOM 元素的引用?我知道 deprecated findDOMNode API。我不太热衷于它,但即使如此,我也没有设法让它发挥作用。

注意:我知道我所要求的不被视为好的做法。我这样做的原因是让 react-beautiful-dndDevExtreme's Reactive Grid 一起工作。 Draggable 组件需要对可拖动元素的引用(此处为 <tr>,我没有)。只是试图简化问题。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...