A button component to implement PayPal's Express Checkout in React

To use PayPal's Express Checkout you must have a PayPal Business account set up and verified. After this is done, you'll have access to your API credentials to use with this button.

Once you have your account set up you will have 2 different sets of credentials for sandbox mode and prouduction mode. Both will have a clientID, this is what you will use for the productionID prop or the sandboxID prop.

$ npm install react-paypal-button --save

When using button in Production mode, usage will look like this...

import PayPalButton from 'react-paypal-button'

export default class App extends Component {
  render(){
    return (
      <PayPalButton>
        env='production'
        productionID='abcdef123456'
        amount={0.01}
        currency='USD'
        commit={true}
      />
    )
  }
}

When testing in Sandbox mode, usage will look like this...

import PayPalButton from 'react-paypal-button'

export default class App extends Component {
  render(){
    return (
      <PayPalButton>
        env='sandbox'
        sandboxID='abcdef123456'
        amount='0.01'
        currency='USD'
        commit={true}
      />
    )
  }
}

Install dependencies:

$ npm install

Run the example app at http://localhost:8080:

$ npm start

Run tests and watch for code changes using jest:

$ npm test

Lint src and test files:

$ npm run lint

Generate UMD output in the lib folder (runs implicitly on npm version):

$ npm run build

MIT