如何获取输入框的值是react中必须面对的问题,目前比较好的方式与两种,一种是使用ref,而另一种是使用onChange事件,它通过事件对象的方式获取输入值。
具体使用方式如下:
class Main extends Component {
changeEvent(e) {
console.log(e.target.value);
}
render() {
return (
<div>
<input type='text' onChange={(e) => this.changeEvent(e)} />
</div>
)
}
}
render(<Main />, document.getElementById("root"));
可以在控制台中consolo查看输入的数据。