react属性三ref

ref属性:作为接口,向外暴露DOM。非受控组件。(该属性不建议使用)

 

 

 1 <script type="text/babel">
 2     class MyComponent extends React.Component{
 3       handleClick= ()=>{
 4         console.log(this.uu.value)
 5       }
 6       render(){
 7         return (
 8           <div>
 9             <input type="text" ref={(ee)=>{this.uu = ee}}/> 
10             <button onClick={this.handleClick}>点击获取输入标签的值</button>
11           </div>
12         )
13       }
14     }
15     ReactDOM.render(<MyComponent />,document.getElementById("root"));
16 </script>

 

posted @ 2020-03-11 23:08  红桃七716  阅读(194)  评论(0编辑  收藏  举报