美文网首页
react学习(18)createRef形式的ref

react学习(18)createRef形式的ref

作者: 哆啦C梦的百宝箱 | 来源:发表于2022-08-18 15:47 被阅读0次
<script type="text/babel">
        class Demo extends React.Component {
            myRef = React.createRef();
            render(){
                return (
                    <div>
                        <input type='text' ref={this.myRef}/>
                        <button onClick={this.showDemo}>点击显示内容</button>
                    </div>
                )
            }
            showDemo=()=>{
                alert(this.myRef.current.value);
            }
        }
        ReactDOM.render(<Demo/>,document.getElementById('test'))
    </script>

1:React.createRef调用之后会返回一个容器,该容器可以存储被ref标识的节点,但是要注意,只能一个容器存放一个。

相关文章

  • react学习(18)createRef形式的ref

    1:React.createRef调用之后会返回一个容器,该容器可以存储被ref标识的节点,但是要注意,只能一个容...

  • React refs

    1.React.createRef() React.createRef可以给Dom元素添加ref。React.cr...

  • React.createRef 和 React.forwardR

    React.createRef React.createRef 创建一个能够通过 ref 属性附加到 React ...

  • react的ref属性

    ref在react里面总共有3种写法:字符串形式,回调函数形式,createRef。 1.字符串形式(该形式已经被...

  • ReactJs中获取dom元素

    使用传统的React语法 this.mydom = React.createRef() 创建一个变量 ref={k...

  • react 之 ref

    React的ref有3种用法: 字符串(已废弃) 回调函数 React.createRef() (React16....

  • React获取DOM

    React获取DOM的方法简述 createRef 当 ref 属性在组件时,获取组件实例;当ref属性在dom时...

  • React基础篇之组件组件实例三大属性refs

    字符串形式的ref 回调函数形式的ref 回调ref中回调执行次数的问题 createRef的使用 上一篇:Rea...

  • React 中ref的 React.createRef() 方法

    React.createRef() 在React 16.3版本后,使用此方法来创建ref。将其赋值给一个变量,通过...

  • React中的Ref

    以获取输入框焦点为例 1、字符串形式 2、React 16.3版本以后,使用React.createRef()方法...

网友评论

      本文标题:react学习(18)createRef形式的ref

      本文链接:https://www.haomeiwen.com/subject/monjgrtx.html