Javascript 在不停止应用程序的情况下拦截错误请求

我一直在尝试在React中创建一个登录表单。在这个表单中，我向api提交post请求，然后api相应地发送响应。但是，在api中，无效表单返回400状态，将错误记录到控制台，使我无法处理无效表单。在我的代码中，我试图使用catch方法截获此错误，以便进行必要的处理

以下是相关代码：

类LoginModal扩展组件{
状态={
电邮：“，
密码：“
}
handleEmailChange=异步事件=>{
等待this.setState（{email:event.target.value，}）；
}
handlePasswordChange=异步事件=>{
等待此.setState（{password:event.target.value，}）；
}
重定向=路径=>{
这个。道具。历史。推（路径）；
}
handleSubmit=事件=>{
event.preventDefault（）；
常量用户={
电子邮件：this.state.email，
密码：this.state.password
};
api.post（`${api.url}/users/authenticate`，user）
。然后（res=>{
log（“成功登录”）；
此。重定向（“/仪表板”）；
})
.catch（错误=>{
控制台日志（err）；
})
}
render（）{
返回(
//*渲染代码*
);
}
}

---

提前感谢您提供的帮助。

我认为您将

console.log（err）

的输出误解为中断应用程序的异常。尝试记录

err.response

而不是

err

，并检查是否可以使用该数据验证请求