react 两种获取文本框数据的方式

第一种：onChange方法中传参

<input type="text" value={this.state.value} onChange={(e) => this.changeValue(e)}/>

changeValue = (e) => {
    this.setState({
       value: e.target.value
    })
 }

第二种：通过ref获取

<input type="text" ref='inputTxt' value={this.state.value} onChange={this.changeValue}/>


//这里使用箭头函数，this指代的是实例对象
changeValue = () => {
   this.setState({
      value: this.refs.inputTxt.value
   })
};

第三种：

<input type="text" ref='inputTxt' value={this.state.value} onChange={this.changeValue}/>


constructor() {
   super();
   this.state = {
      value: '哈哈'
   };
   this.changeValue = this.changeValue.bind(this);//必须为changeValue方法绑定实例this
}

changeValue(event) {
   this.setState({value: event.target.value});
};