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表單的所有內容。