React Ref 已棄用 - 替代品是什么？

Question

我正在關注一本舊的教科書，該教科書在整個組件中都使用了 refs，但 refs 甚至不再起作用。 它已被完全棄用。 我發現的一個問題是在 2018 年 refs 被棄用之前被問到的，所有的回答都是“沒有證據表明 refs 會被棄用，所以繼續使用它”。

好吧，現在它已被完全棄用且不再可用。 我只是想知道替代品是什么？ 通常，當他們棄用某些內容時，他們在文檔中提供了明確的替換，但我無法找到任何對自己有用的關於 refs 的內容。 文檔都是關於 ref 回調的，但我的教科書沒有使用 ref 回調。 作者只是將 ref 屬性放入元素中，然后解構變量以供使用：

const { target } = this.refs

/* CODE */

<div ref="target"></div>

Answer 1

對於類組件React.createRef和函數組件React.useRef

const myRef = React.createRef()
<SomeComponent ref={myRef} />

// or

const myRef = React.useRef()
<someElement ref={myRef} />

Answer 2

這可能會幫助您：

https://medium.com/@rossbulat/how-to-use-react-refs-4541a7501663

也嘗試類似：

<MyComp callingMe = {this}  ... />

所以你可以使用props.callingMe來使用與this相關的 methods/functions/vars/state 。