On this page:

Overview

There are many ways of using ReactJS to collect payment details on your own payment page and send them for processing as part of your own custom payment flow.

For your convenience, we have provided the following sets of sandbox ReactJS code samples, which represents just one of the many ways to use ReactJS:

Press the relevant link below to see the ReactJS code sample in this page…	OR, press the relevant link below to see the ReactJS code sample in your browser…
Three-Part Card Fields (in Page)	Three-Part Card Fields (in Browser)
One-Part Card Field (in Page)	One-Part Card Field (in Browser)
Without Nuvei Fields (in Page)	Without Nuvei Fields (in Browser)

To display the code samples in this page, do the following:

To view the App.js the code sample in this page…
… Drag the margin to the right.
To view the SafeCharge,jsx the code sample in this page…
… Press the top-left menu.
Then... press the SafeCharge,jsx file.

Sandbox Examples

Overview

Three-Part Card Fields

One-Part Card Field

Without Nuvei Fields