react 怎么获取表格_在ReactJS中获取表单数据

小编典典

使用change输入上的事件来更新组件的状态并在handleLogin以下位置访问它：

handleEmailChange: function(e) {

this.setState({email: e.target.value});

},

handlePasswordChange: function(e) {

this.setState({password: e.target.value});

},

render : function() {

return (

Login

);

},

handleLogin: function() {

console.log("EMail: " + this.state.email);

console.log("Password: " + this.state.password);

}

。

以前，您还可以使用React的双向数据绑定帮助器mixin来实现相同的功能，但是现在不建议使用它来设置值和更改处理程序(如上所述)：

var ExampleForm = React.createClass({

mixins: [React.addons.LinkedStateMixin],

getInitialState: function() {

return {email: '', password: ''};

},

handleLogin: function() {

console.log("EMail: " + this.state.email);

console.log("Password: " + this.state.password);

},

render: function() {

return (

Login

);

}

});

2020-05-10