反应按钮点击不触发

Question

我试图使一个小的登录屏幕与功能React。我有一个输入按钮，我想点击，并有登录帖子发生。无论如何，我都无法让联络人开火。loginPressed不会被调用。我肯定是忽略了一些简单的事情。

import * as React from 'react';
import axios from 'axios'
export default function Login() {
const [email, setEmail] = React.useState([]);
const [password, setPassword] = React.useState([]);
const loginPressed = () => {
var body = {
'email': email,
'password': password
}
axios.post('login', body)
.then(response => {
})
}
return (
<div>
<p>Username:</p>
<p><input type="text" name="email" onChange={(e) => {setEmail(e.target.value)}}/></p>
<p>Password:</p>
<p><input type="password" name="password" onChange={(e) => {setPassword(e.target.value)}}/></p>
<p>
<input type='button' value='Login' onClick={loginPressed}/>
</p>
</div>
);
}

Answer 1

你应该使用onSubmit={loginPressed}的表单。使用button html元素代替input，类型为submit.