react 随笔3

1、字符串的方式
class DOM extends React.Component{
    constructor(props){
        super(props);
        this.myRef = React.creatRef()    //React.creatRef()方法
    }

    func = () =>{
        //console.log(this.refs.demoInput.value)   //字符串的方法
        //console.log(this.textInput.value)     //回调函数的方法
        console.log(this.myRef.current.value)  //React.creatRef()方法
    }

    render(){
         return (
             <div>
                   {/*字符串的方法
                   <input type="text" ref = "demoInput" pleceholder="请输入"/>
                   <button onClick={this.func}>点击</button>*}
                   {/*回调函数的方法
                   <input type="text" ref = {（inp）=>{this.textInput = inp}} pleceholder="请输入"/>
                   <button onClick={this.func}>点击</button>*}
                   {/*React.creatRef()方法*}
                   <input type="text" ref = {this.myRef} pleceholder="请输入"/> <button onClick={this.func}>点击</button> 
             </div> ) 
      } 
}