react輸入表單提交

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容