如何使用redux验证登录邮箱和密码?a已经做了一个登录功能,当用户输入正确的电子邮件和密码时,它工作正常,但如果用户提交错误的电子邮件和密码,API崩溃
const handleClick = (e) => {
e.preventDefault()
try {
const masuk = login(dispacth, { email, password })
// history.push("/")
} catch (error) {
Swal.fire({
position: 'top-end',
icon: 'error',
title: 'Email atau Password tidak sesuai',
showConfirmButton: false,
timer: 1500,
})
}
}
还有我的派遣
export const login = async (dispatch, user) => {
dispatch(loginStart())
try {
const res = await axios.post(BASE_URL + 'auth/login', user)
dispatch(loginSuccess(res.data))
} catch (error) {
dispatch(loginFailure(error))
}
}
2条答案
按热度按时间gpfsuwkq1#
你需要在提交表单之前运行验证,这里是你如何做的:
但我建议您查看React Hook Form,它可以处理与表单和验证相关的所有内容
react hook形式的示例:
确保你的项目中安装了react-hook-form和yup:
ubby3x7f2#
你调用了一个没有使用
await
的promise函数,所以promise没有被正确处理。试试看: