要获取输入框的值,你可以使用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 (
<input type="text"
value={this.state.inputValue}
onChange={this.handleChange.bind(this)}
/>
);}
最后,在事件处理函数中可以通过访问state中的inputValue来获取输入框的值。例如:
handleClick() {console.log(this.state.inputValue);
}
这样,当用户输入内容时,输入框的值将被存储在组件的state中,并可以通过访问state来获取输入框的值。
辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
推荐阅读: react如何获取到元素的style