如何在React功能组件中正确使用引用

时间:2019-08-08 21:07:22

标签: reactjs ref

docs这样说:

  

您不能在功能组件上使用ref属性,因为它们没有实例。

这是说我们不应该再在React中使用refs吗?如果没有引用,可以在功能性React组件中正确访问本机DOM元素的模式是什么?这样一来,您可以将ref传递给功能组件,而不传递给本机DOM标签。

2 个答案:

答案 0 :(得分:0)

文档说,您可以功能组件中使用它们,但不能上使用它们:

const MyComponent = <div ref={OK} />
const SecondComponent = <MyComponent ref={N/A} />

答案 1 :(得分:0)

这是说我们不应该再在React中使用引用吗?不,您仍然可以将ref与功能组件一起使用。

如果没有引用,可以在功能性React组件中正确访问本机DOM元素的模式是什么? Forwarding refs