react 怎么获取表格_javascript – 如何从React中的输入字段获取表单数据

构造函数和函数：

constructor(props) {

super(props);

this.state = {

tagline: 'We rank what people are talking about.',

year: new Date().getFullYear()

};

this.onFormSubmit = this.onFormSubmit.bind(this);

}

onFormSubmit(e) {

console.log('onFormSubmit', e)

console.log('this.state', this.state);

};

表单(为清晰起见删除了classNames)：

Email

Password

Login

这是注销,请注意没有电子邮件或密码信息：

完整登录组件代码

import React from 'react';

class Login extends React.Component {

constructor(props) {

super(props);

this.state = {

tagline: 'We rank what people are talking about.',

year: new Date().getFullYear()

};

this.onFormSubmit = this.onFormSubmit.bind(this);

}

onFormSubmit(e) {

console.log('onFormSubmit', e)

console.log('this.state', this.state);

};

render() {

return (

Admin Portal

{ this.state.tagline }

Email

Password

Login

© { this.state.year } WikiTags

);

}

}

export default Login;