How to show error returned from backend in nodejs in React

Question

I have a problem showing the error message that came from the backend. I return in the backend:

res.status(400). send({error: "User already exists"});

already on the front I would like to display this message, instead of the default message that is shown:

Request failed with status code 400

how can I receive and show this message coming from backend?

front-end code:

try{
    //sucess
}catch(error){
    console.log(`$error`);
}

Answer 1

try {
  // Faça aqui sua requisição
  const response = await http.get("http://exemplo")
} catch (error) {
  // Caso a requisição dentro do try falhe
  // este bloco captará o erro
  const mensagem = error.response.error 
  // Aqui você acessa o objeto que retornou do backend
  // Faça o que quiser com ele
}

Answer 2

You only need to read your Answer’s status property when it comes to receiving it on the front end

Depending on how you’re sending the information here’s an example of how you can do it.

  function(res){
      if(res.status > 302){
        console.log(res);
      }
  }

to do within a try catch you need to use the throw

Answer 3

If you catch the error.

} catch(error) {
    setAuthenticated(false);
    const { data } = error.response;
    alert(data.message);
}