Linux 拨号vps windows公众号手机端

react怎么获取输入框的值

lewis 8年前 (2017-04-28) 阅读数 12 #程序编程
文章标签 React

要获取输入框的值,你可以使用React的受控组件的方式。
首先,在你的组件的state中定义一个变量来存储输入框的值。例如:

constructor(props){

super(props);

this.state={

inputValue:''

};

}

接下来,在输入框元素上添加一个onChange事件处理函数,该函数将更新state中的inputValue。例如:

handleChange(event){

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

}

然后,在render方法中将输入框的值绑定到state中的inputValue,并将onChange事件处理函数绑定到输入框上。例如:

render(){

return(

<inputtype="text"

value={this.state.inputValue}

onChange={this.handleChange.bind(this)}

/>

);}

最后,在事件处理函数中可以通过访问state中的inputValue来获取输入框的值。例如:

handleClick(){

console.log(this.state.inputValue);

}

这样,当用户输入内容时,输入框的值将被存储在组件的state中,并可以通过访问state来获取输入框的值。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门