Hands-On Full Stack Development with Go

Creating a parent StripeProvider component

The next step is to create a parent component to host our CreditCardForm component.  Here is what we need to do:

1. Inject our CreditCardForm component with the Stripe API code. This is done using the injectStripe()method.
2. Provide our Stripe API key to our component. This is done using the StripeProvider React component, which is provided by Stripe.
3. Host the CreditCardForm component inside our parent component. This is done using the Elements component.

This will make much more sense when we see the code:

export default function CreditCardInformation(props){    if (!props.show) {        return <div/>;    } //inject our CreditCardForm component with stripe code in order to be able to make use of the createToken() ...