react学习(18)createRef形式的ref

2022-08-18  本文已影响0人  哆啦C梦的百宝箱
<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标识的节点,但是要注意,只能一个容器存放一个。

上一篇下一篇

猜你喜欢

热点阅读