React 中获取form中的数据
- 代码示例如下:
export default class Form extends Component {
constructor (props) {
super(props);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleSubmit (evt) {
const formData = Array.from(evt.target.elements)
.filter(el => el.id)
.reduce((a, b) => ({...a, [b.id]: b.value}), {});
console.log('formData', formData);
}
render () {
return (
<form onSubmit={ this.handleSubmit }>
<input type="text" id="input1"/>
<input type="text" id="input2"/>
<button type="submit"> save </button>
</form>
)
}
}