私の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 to submitをサポートしていない場合、フォームが壊れたように感じることがあります。