Handling stripe with reactJs

Question

I'm trying to handle credit card payments using stripe and reactjs. I'm following the tutorial here https://github.com/stripe-archive/react-stripe-elements. See the get started section. The only problem I have is that I need to submit the credit card form on the component page where the code is (the first page that is created) and not the CheckoutForm page. How do I do that?

I tried doing the following

 var elements = useElements();
 const card = elements.getElement(CardElement);
 const result = await stripePromise.createToken(card);
 if (result.error) {
    console.dir(result.error.message);
 } else {
    console.dir(result.token);
 }

but I'm not able to use a hook function useElements in a class compomnent.

Nolan H · Accepted Answer · 2021-12-31 02:21:50Z

1

First, the library you've linked to is deprecated, the new version is this one. Since you're using the hooks you must be using the new library already, though.

If you're using Class components, the documentation provides an example of an alternate integration pattern using the <Elements> provider and <ElementsConsumer> explicitly.

answered Dec 31, 2021 at 2:21

Nolan H

7,6591 gold badge12 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Handling stripe with reactJs

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