在 React 中获取对第三方组件的引用

【问题标题】：Getting a reference to third party components in React在 React 中获取对第三方组件的引用
【发布时间】：2020-03-12 04:24:33
【问题描述】：

如果您正在使用第 3 方组件，并且您想调用该组件的方法，您如何获取对它的引用以便调用它？ React 曾经有一个 prop 在父组件中调用 this.refs.myrefname.somemethod()，但看起来 react 删除了 ref prop。

现在怎么能做到同样的事情呢？

【问题讨论】：

只有像 ref 这样的特性，它实际上可以让我们用 DOM 做更多普通的事情，而 React 做不到。所以我不认为，它们会被弃用。

标签： reactjs react-component react-ref

【解决方案1】：

嗯..我上次检查过，它仍然有效..

编辑：我已经在这里展示了实现。无论如何也发布了代码。所以裁判仍在工作中。

https://codesandbox.io/s/3rd-party-component-i9cbx

export default function App() {
  const textFieldRef = createRef();
  useEffect(() => {
    textFieldRef.current.value = "Value";
    textFieldRef.current.focus();
  }, [textFieldRef]);
  return <TextField inputRef={textFieldRef} />;
}

【讨论】：

谢谢，我仍然很好奇如何在没有库的额外支持的情况下实现这一点，在这种情况下看起来像是材料 ui
@marie146.. 那么您所说的第 3 方组件到底是什么意思？在我的例子中，我在这里使用了一个材质 ui 组件。