微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决React Ref已弃用-有什么替代品?

我正在阅读一本较旧的教科书,该教科书在所有组件中都使用了引用,但是引用不再起作用。它已被完全弃用。我发现的一个问题是在2018年弃用裁判之前提出的,所有答复都遵循“没有证据表明裁判将被弃用,因此请继续使用它。”

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

const { target } = this.refs

/* CODE */

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

解决方法

用于类组件 React.createRef功能组件 React.useRef

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

// or

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

这可能会帮助您:

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

也尝试类似的事情:

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

因此,您可以使用props.callingMe来使用与this相关的方法/函数/变量/状态。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。