关于React Ref用法

 handleChange(){
        console.log(this.queryName)
    }

 ...
 
 render(){
        return(
               <Input ref={(input) => {this.queryName = input}} onChange={this.handleChange}/>    
        )
 
 }

 

这里在页面的constructor中  this.handleChange = this.handleChange.bind(this)

这里的ref={(input) => {this.queryName = input}} ,input只是将Input对象放入，可以改为任意名称比如txtName，将他指向this.queryName即可

同时，this.queryName也可以任意取名

最后，并不推荐这类写法，React还是以数据驱动的方式去做