1.在构造函数,继承下面设置默认属性值,对于带id的回填很有用。并且绑定事件。
this.state ={ name:'dani',age:24, }
this.onChangeValue = this.onChangeValue.bind(this) //提升this作用域
2.在input框内输入设置默认值,input的name,以及绑定onChange事件。
<input type=“text” name=“name” onChage={this.onChangeValue} defaultValue={this.state.name} />
其余input框也是类似的写法
3.在绑定的事件里面设置值
onChangeValue(e){
this.setState = ({
[e.target.name] : e.target.value;
})
}
4.当提交的时候直接获取this.state即可得到input表单的所有内容。
网友评论