J'ai une forme simple dans ma render
fonction, comme ceci:
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 ?
}
Que dois-je écrire dans mon handleLogin: function() { ... }
accès Email
et mes Password
champs?
<form>
avec un <button>
ou <input>
avec type=submit
sera envoyé lorsque l'utilisateur appuie sur Entrée dans l'un des formulaires <input type=text>
. Si vous vous onClick
appuyez sur un bouton, l'utilisateur doit cliquer sur le bouton ou le mettre au point et appuyer sur Entrée / Barre d'espace. L'utilisation onSubmit
activera les deux cas d'utilisation. Lorsque les formulaires ne prennent pas en charge Enter pour l'envoi, ils peuvent se sentir cassés.
onSubmit
le formulaire plutôt que le clic sur le bouton - de cette façon, vous gérerez également l'utilisateur soumettant le formulaire en appuyant sur Entrée.