Integrate @theflutterwave Rave Payment Gateway into your ReactJS apps seamlessly with react-ravepayment Github:

  • This is a ReactJS library for implementing RavePay Payment Gateway – – This React library provides a wrapper to add RavePay Payment to your React application – – Then go ahead and reference the Rave inline script in your index.html: – – , { } { state { key ,…
  • Minimum amount allowed NGN 1 while on production or live system, it’s 10 } ( ) { .
  • ; text; } () { ( div className p className RavePaymentModal text metadata {[{Device }]} reference { .
  • amount { .
  • p div ) } } – – Please checkout Rave Documentation for other available options you can add to the tag – – WHEN DEPLOYING TO PRODUCTION/LIVE SYSTEM, take note of the following; – – Why not star the github repo?

react-ravepayment – ReactJS library for implementing RavePay payment gateway

We recommend upgrading to the latest Safari, Google Chrome, or Firefox.

GitHub is home to over 20 million developers working together to host and review code, manage projects, and build software together.

This is a ReactJS library for implementing RavePay Payment Gateway

###Demo

This React library provides a wrapper to add RavePay Payment to your React application

Then go ahead and reference the Rave inline script in your index.html:

import React, { Component } from ‘react’ // import the library import RavePaymentModal from ‘react-ravepayment’ class App extends Component { state = { key: “FLWPUBK-XXXXXXXXXXXXXXXXXXXXXXXXXX-X”, // RavePay PUBLIC KEY email: “foo@example.com”, // customer email amount: “1000” // equals NGN 1000. Minimum amount allowed NGN 1 while on production or live system, it’s 10 } callback = (response) => { console.log(response); } close = () => { console.log(“Payment closed”); } getReference = () => { let text = ” “; let possible = “ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-.=”; for( let i= 0; i < 10; i++ ) text += possible.charAt(Math.floor(Math.random() * possible.length)); return text; } render () { return (

< /p> < /div> ) } } export default App

Please checkout Rave Documentation for other available options you can add to the tag

WHEN DEPLOYING TO PRODUCTION/LIVE SYSTEM, take note of…

GitHub