#reactjs
Вопрос:
Здравствуйте, я пытался проверить свою форму таким образом, однако на данный момент это не работает, у меня ошибка, которая не распознает мою функцию.Форма работает идеально, но цель состоит в том, чтобы иметь возможность использовать клавишу ввода для проверки, а не только
const handleLogin = () => {
clearErrors();
fire
.auth()
.signInWithEmailAndPassword(email, password)
.catch((err) => {
switch (err.code) {
case "auth/Invalid-email":
case "auth/users-disabled":
case "auth/user-not-found":
setEmailError(err.message);
break;
case "auth/wrong-password":
setPasswordError(err.message);
break;
}
});
};
return (
<BoxContainer>
<FormContainer>
<InputDiv>
<InputIcon><HiOutlineMail/></InputIcon>
<Input
type="email"
placeholder="Votre email"
required
value={email}
onChange={(e) => setEmail(e.target.value)}
/></InputDiv>
<InputDiv>
<InputIcon><RiLockPasswordLine/></InputIcon>
<Input
type="password"
placeholder="Votre mot de passe"
required
value={password}
onChange={(e) => setPassword(e.target.value)}
onKeyUp={event => event.key === 'Enter' amp;amp; this.handleLogin()}
/></InputDiv>
</FormContainer>
<Marginer direction="vertical" margin={10} />
<MutedLink href="#"></MutedLink>
<Marginer direction="vertical" margin="1.6em" />
<SubmitButton type="submit" onClick={handleLogin}>
Connexion
</SubmitButton>
<Marginer direction="vertical" margin="1em" />
<MutedLink href="#">
Vous n'avez pas de compte?{" "}
<BoldLink href="#" onClick={switchToSignup}>
Créer un compte
</BoldLink>
</MutedLink>
</BoxContainer>
Если у кого-то есть идея, мне интересно, большое вам спасибо
Комментарии:
1. Удалять
this.
2. Спасибо, что поработали.