Javascript 从handleSubmit函数引发redux表单提交错误

Javascript 从handleSubmit函数引发redux表单提交错误,javascript,reactjs,redux,redux-form,Javascript,Reactjs,Redux,Redux Form,我有一个redux表单,它有一个handleSubmit函数,我用它来进行一些异步http服务器身份验证。如果身份验证由于某种原因失败,我想抛出一个redux表单错误。如果我抛出一个“SubmissionError”,我会收到一条错误消息,上面写着:Uncaught(in promise) 我的代码: 类MyLoginForm扩展组件{ handleSubmit({电子邮件,密码}){ axios.post(“http://API_SERVER/login,null,{withCredenti

我有一个redux表单,它有一个handleSubmit函数,我用它来进行一些异步http服务器身份验证。如果身份验证由于某种原因失败,我想抛出一个redux表单错误。如果我抛出一个“SubmissionError”,我会收到一条错误消息,上面写着:
Uncaught(in promise)

我的代码:

类MyLoginForm扩展组件{
handleSubmit({电子邮件,密码}){
axios.post(“http://API_SERVER/login,null,{withCredentials:true,auth:{用户名:电子邮件,密码:密码})
。然后((响应)=>{
log('HTTP调用成功。JWT令牌为:',response.data);
            })
.catch(错误=>{
console.log(错误)

>>>>如何在REDUX-FORM中传达错误解决方案很简单。我只需在axios调用前添加一个
return
。因此更新后的代码如下:

handleSubmit({ email, password }) {
    return axios.post("http://API_SERVER/login", null, { withCredentials: true, auth: { username: email, password: password } })
        .then((response) => {
            console.log('HTTP call success. JWT Token is:', response.data);
        })

只是检查一下,因为我在上面的代码中看不到它-您添加了
import{SubmissionError}从'redux form'
,对吗?是的,我有。没有语法错误。你可以尝试@ptim在回答这个问题时所做的。将你的api调用包装在承诺中,并在捕获中使用拒绝回调。由于承诺被拒绝,redux form将显示错误,正如axios在这里所写的那样。它使tp呼叫响应处理承诺iiucVaibhav:你为我指明了正确的方向。我只是需要把axios的东西变成一个承诺。如果你能添加解决方案,我愿意接受它作为回答。或者我自己添加一个解决方案?我已经开始工作了。谢谢。