react---ref转发

最新推荐文章于 2024-05-03 10:00:00 发布

HongfeiAn

最新推荐文章于 2024-05-03 10:00:00 发布

阅读量296

点赞数 1

分类专栏：前端 react

本文链接：https://blog.csdn.net/qq_41601327/article/details/105462251

版权

本文介绍了React中ref的三种使用方式，包括字符串方式、回调函数（推荐）和React.createRef()，并强调了ref主要用于获取元素或组件实例，官方建议避免过度使用refs处理逻辑。

摘要由CSDN通过智能技术生成

转发refs :

是react当中提供的一个ref的数据（不能在无状态组件当中来进行使用因为无状态组件没有实例）
表示当前组件的真正实例的引用他会返回绑定当前属性的元素
标识组件内部的元素–方便我们查找

react给我们提供了三种方式进行ref的使用

实现点击在控制台打印输入的数据值

1.字符串的方式

 class Com extends React.Component{
   
        fun=()=>{
   
        console.log(this.refs.demoInput.value);
        }
         render(){
   
            return(
                <div>
                    我是组件
                    <input type="text" placeholder="请输入" ref="demoInput"/>
                    <button onClick={
   </