关于React Ref用法

 1  handleChange(){
 2         console.log(this.queryName)
 3     }
 4 
 5  ...
 6  
 7  render(){
 8         return(
 9                <Input ref={(input) => {this.queryName = input}} onChange={this.handleChange}/>    
10         )
11  
12  }

 

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

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

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

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

转载于:https://www.cnblogs.com/CoffeeEddy/p/10437886.html