Eu tenho uma forma simples na minha render
função, assim:
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 ?
}
O que devo escrever no meu handleLogin: function() { ... }
para acessar Email
e Password
campos?
onSubmit
o formulário em vez de clicar no botão - dessa forma, você também manipulará o usuário que enviar o formulário pressionando enter.
<form>
com a <button>
ou <input>
com type=submit
será enviado quando o usuário pressionar Enter em qualquer um dos formulários <input type=text>
. Se você confiar em onClick
um botão, o usuário deverá clicar no botão ou focalizá-lo e pressionar Enter / barra de espaço. O uso onSubmit
ativará os dois casos de uso. Quando os formulários não suportam Enter para enviar, eles podem se sentir quebrados.