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标识的节点,但是要注意,只能一个容器存放一个。