React Ref 已弃用 - 替代品是什么?

Mat*_*man 3 reactjs

我正在遵循一本旧的教科书,该教科书在整个组件中使用引用,但引用甚至不再起作用。它已被完全弃用。我发现的一个与此相关的问题是在 2018 年 refs 被弃用之前提出的,所有的回复都是这样的:“没有证据表明 refs 将被弃用,所以继续使用它吧。”

好吧,现在它已被完全弃用并且不再可用。我只是想知道替代品是什么?通常,当他们弃用某些东西时,他们会在文档中提供明确的替代品,但我无法找到有关参考文献的任何对自己有用的东西。该文档都是关于 ref 回调以及其他内容,但我的教科书没有使用 ref 回调。作者只是将 ref 属性放入元素中,然后解构该变量以供使用:

const { target } = this.refs

/* CODE */

<div ref="target"></div>
Run Code Online (Sandbox Code Playgroud)

Jas*_*son 5

对于类组件 React.createRef函数组件 React.useRef

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

// or

const myRef = React.useRef()
<someElement ref={myRef} />
Run Code Online (Sandbox Code Playgroud)