前端学习笔记 React (8) 如何获取表单数据

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
constructor(props) {
super(props);
this.state = {};
}

onChange(name, event) {
const state = {};
state[name] = event.target.value;
this.setState(state);
}

render() {
<Form>
<Form.Field>
<label htmlFor='name'>Name</label>
<input id='name' name='Name' placeholder='Name' onChange={this.onChange.bind(this, 'name')} />
</Form.Field>
</Form>
}

要点为 onChange 事件有一个传参, 为要存储数据的 key. onChange 的时候, 也要使用 bind 方法, 并且显示传入 key.

参考: https://gist.github.com/walter76/ae738d28c2afce91429e0a5ccfaca260

Donate - Support to make this site better.
捐助 - 支持我让我做得更好.