1.react提交文本框
render() {
return (
<div>
<form onSubmit={this.handleSubmit}>
用户名:<input type='txt' value={this.state.name} onChange={this.handleName}>
</input>
<input type='submit' defaultValue='提交'></input>
</form>
</div>
);
}
提交触发函数
handleSubmit=(e)=>{
//阻止form的默认提交事件
e.preventDefault();
console.log(this.state.name)
}
handleName=(e)=>{
this.setState({
name: e.target.value
})
}
2.单选框
import React ,{Component} from "react"