trying to display JSON with 422 error Rails React

Question

I have an app with Rails as a backend and React as a frontend. I am trying to handle Stripe errors on server side and render any error by updating my state in the client.

here the code in my controller method:

def create
  # here some code to handle payment...
   rescue Stripe::CardError => e
     render json: e.json_body[:error][:message], status: 422
  end

and my react function that handles the response:

  axios.post("/orders"})
  .then(res => {
      this.setState({
        hasOrdered: true,
        orderSuccess: true,
        loading: false
      });
  })
  .catch(err => {
    console.log(err);
    this.setState({
      loading: false,
      error: err
    });
  });

the console.log(err) output is simply: Error: Request failed with status code 422 whereas the response I get through the network is:

And what I want is the update the state with "Your card has insufficient funds."

How can I do this ?

Uj Corb · Accepted Answer · 2018-12-11 15:03:56Z

2

OK got the solution: I have to access err.response.data :

 .catch(err => {
    console.log(err.response.data);
    this.setState({
      loading: false,
      error: err.response.data
    });

answered Dec 11, 2018 at 15:03

Uj Corb

2,2094 gold badges33 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

trying to display JSON with 422 error Rails React

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related