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

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