美文网首页
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

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