React 表单类似于 HTML 表单。但是在 React 中,状态包含在组件的 state 属性中,并且只能通过 setState() 更新。因此元素不能直接更新它们的状态,它们的提交是由 JavaScript 函数处理的。此函数可以完全访问用户输入到表单的数据。
1handleSubmit(event) {
2 alert('A name was submitted: ' + this.state.value);
3 event.preventDefault();
4}
5
6render() {
7 return (
8 <form onSubmit={this.handleSubmit}>
9 <label>
10 Name:
11 <input type="text" value={this.state.value} onChange={this.handleSubmit} />
12 </label>
13 <input type="submit" value="Submit" />
14 </form>
15 );
16}
React 表单类似于 HTML 表单。但是在 React 中,状态包含在组件的 state 属性中,并且只能通过 setState() 更新。因此元素不能直接更新它们的状态,它们的提交是由 JavaScript 函数处理的。此函数可以完全访问用户输入到表单的数据。
1handleSubmit(event) {
2 alert('A name was submitted: ' + this.state.value);
3 event.preventDefault();
4}
5
6render() {
7 return (
8 <form onSubmit={this.handleSubmit}>
9 <label>
10 Name:
11 <input type="text" value={this.state.value} onChange={this.handleSubmit} />
12 </label>
13 <input type="submit" value="Submit" />
14 </form>
15 );
16}