我的render
函数中有一个简单的表单,如下所示:
render : function() {
return (
<form>
<input type="text" name="email" placeholder="Email" />
<input type="password" name="password" placeholder="Password" />
<button type="button" onClick={this.handleLogin}>Login</button>
</form>
);
},
handleLogin: function() {
//How to access email and password here ?
}
我应该在handleLogin: function() { ... }
访问Email
和Password
字段中写些什么?
onSubmit
表单而不是单击按钮-这样,您还将通过按Enter来处理提交表单的用户。
<form>
用<button>
或<input>
与type=submit
当用户按下任何形式的输入的会得到提交<input type=text>
。如果您依赖onClick
某个按钮,则用户必须单击该按钮或将其聚焦,然后按Enter /空格键。使用onSubmit
将启用两个用例。当表单不支持Enter提交时,它们会感觉很破损。