在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
一、是什么
本质为 二、如何使用创建
传入字符串 只需要在对应元素或组件中 class MyComponent extends React.Component { constructor(props) { super(props); this.myRef = React.createRef(); } render() { return <div ref="myref" />; } } 访问当前节点的方式如下: this.refs.myref.innerHTML = "hello"; 传入对象
class MyComponent extends React.Component { constructor(props) { super(props); this.myRef = React.createRef(); } render() { return <div ref={this.myRef} />; } } 当 const node = this.myRef.current; 传入函数 当 class MyComponent extends React.Component { constructor(props) { super(props); this.myRef = React.createRef(); } render() { return <div ref={element => this.myref = element} />; } } 获取 const node = this.myref 传入hook 通过 function App(props) { const myref = useRef() return ( <> <div ref={myref}></div> </> ) } 获取 const node = myref.current; 上述三种情况都是 注意的是,不能在函数组件上使用 三、应用场景在某些情况下,我们会通过使用 过多使用 例如,避免在 但下面的场景使用
到此这篇关于React refs 的理解的文章就介绍到这了,更多相关React refs 的理解内容请搜索极客世界以前的文章或继续浏览下面的相关文章希望大家以后多多支持极客世界! |
请发表评论