问题描述
我正在使用一个没有 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-dnd 与 DevExtreme's Reactive Grid 一起工作。 Draggable
组件需要对可拖动元素的引用(此处为 <tr>
,我没有)。只是试图简化问题。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)