正文

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

IP云
IP云V管理员/3 阅读
06/18
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
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}/>