React 中 refs的使用

最新推荐文章于 2025-08-19 21:16:48 发布

原创最新推荐文章于 2025-08-19 21:16:48 发布 · 301 阅读

0 ·

CC 4.0 BY-SA版权

React 专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍了React中Refs的两种使用方式：回调函数和字符串。第一种方法使用回调函数将元素引用传递给组件实例，而第二种方法通过字符串直接在组件中获取元素引用。由于第二种方法可能引发ESLint警告，因此推荐使用第一种方法。

refs有两种使用方法
一、是用回调函数

class Test extends Component {
  testref() {
	const el =this.codeValue;
 }
    
    render(){
        return (
            <div ref={(e) => { this.codeValue = e }}></div>
        )
    }
}

二、使用字符串

class Test extends Component {
  testref() {
	const el =this.refs.codeValue;
 }
    render(){
        return (
            <div ref=“codeValue”></div>
        )
    }
}