react学习（18）createRef形式的ref

<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>

        

          
        
        
        

          

          AI 代码解读
        
      
      

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