Skip to content

Latest commit

 

History

History

react

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
public
public
 
 
src
src
 
 
.eslintrc.js
.eslintrc.js
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
package.json
package.json
 
 
yarn.lock
yarn.lock
 
 

README.md

Airwallex Payment Elements with React Js

This directory contains the React implementation of Airwallex Payment Element.

Requirements

  • node.js
  • npm or yarn package manager

Installation and Development

  1. Clone the root airwallex-payment-demo project to your local machine

git clone https://github.com/airwallex/airwallex-payment-demo

  1. Navigate into the react directory with cd integrations/react

  2. Install the package with yarn or npm install

  3. Run the project in development mode with yarn start. See the project at localhost:3000

Usage

Each of the payment methods are written as a separate component found in the /src/components folder.

To test each of the payment methods, be sure to replace the intent_id and client_secret variables at the top of each file with your own unique keys. These values can be created with the backend API integration with PaymentIntent.

const intent_id = 'replace-with-your-intent-id';
const client_secret = 'replace-with-your-client-secret';

Authors

Roy Yang and Josie Ku