如何在 React 功能組件中正確使用 refs

Question

文檔是這樣說的：

您不能在函數組件上使用 ref 屬性，因為它們沒有實例。

這是說我們不應該再在 React 中使用 refs 了嗎？ 如果不是 refs，在功能性反應組件中正確訪問本機 DOM 元素的模式是什么？ 這樣你就可以將 ref 傳遞給函數組件，而不是傳遞給原生 DOM 標簽。

Answer 1

你可以像過去一樣使用 document.getElementById()

Answer 2

文檔說您可以在功能組件中使用它們，但不能在它們上使用：

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

Answer 3

這是說我們不應該再在 React 中使用 refs 了嗎？ 不，您仍然可以將 ref 與功能組件一起使用。

如果不是 refs，在功能性反應組件中正確訪問本機 DOM 元素的模式是什么？ 轉發參考。