react 获取input的值 ref 和 this.setState({})

1、ref   //class   my_filter(reg){           const inpVal = this.input.value;           console.log(inpVal);      console.log(reg);
      };     //render   <input  type="text" ref={input => this.input = input}  defaultValue = 'helloworld!' />   <button onClick = {this.my_filter.bind(this, reg)}> 确定 </button>     2、this.setState({})

  //class

  this.state = {

    inpVal : 'helloworld'

  };

  

  my_filter(e){           this.setState({ inpValu:e.target.value })      };  

  //render

  <input  type="text"  onChange={this.my_filter.bind(this)} defaultValue={this.state.inpValu}/>

 
上一篇:玩转 React(五)- 组件的内部状态和生命周期


下一篇:从源码的角度看 React JS 中批量更新 State 的策略(上)