On catching error, model closes but I want to display error

Question

Axios request which is called from onSubmit the form.

I have tried many times but, on catch the error model closes automatically. I don't want it to close, I want to display the error in models

axios.post("http://localhost:5000/api/login", finaldata)

.then( (res) => {
      } )
          .catch( function (err) {
        console.log("error", err.response.data)
      });

For close button this.props.close which passes from previous component to this

close=()=>{this.props.close()}

score 0 · Accepted Answer · answered Jun 13 '20 at 02:41

0

Try the below code:

axios.post("http://localhost:5000/api/login",finaldata)
.then(response => { 
    console.log(response)
})
.catch(error => {
    console.log(error.response)
});

You can also refer to this SO answer and this, and this answer

answered Jun 13 '20 at 02:41

ESCoder

15,431
2
19
42

no it is also not working model closes immediately when it catches the error – muneeb bukhari Jun 13 '20 at 08:30
what should i do? – muneeb bukhari Jun 13 '20 at 08:30
i also tried the other things but model still closes – muneeb bukhari Jun 13 '20 at 08:46
ahh my logical mistake unfortunately i use the check for redirecting but thanks to you i found the bug – muneeb bukhari Jun 13 '20 at 09:00
@muneeb bukhari glad I could help you :) Thank u for accepting my answer ! – ESCoder Jun 13 '20 at 16:01

On catching error, model closes but I want to display error

1 Answers1