A React library wrapper for implementing ReavePay Payment Gateway
npm install react-ravepayment --save
or
yarn add react-ravepayment --save
import React, { Component } from "react";
import { useRavePayment } from "react-ravepayment";
const config = {
txref: "rave-123456",
customer_email: "user@example.com",
customer_phone: "234099940409",
amount: 2000,
PBFPubKey: "FLWPUBK-XXXXXXXXXXXXXXXXXXXXXXXXXX-X",
production: false,
};
const App = () => {
const { initializePayment } = useRavePayment(config);
return (
<div>
<button onClick={() => initializePayment()}>Pay 2000</button>
</div>
);
};
export default App;
import React, { Component } from "react";
import { RaveProvider, RavePaymentButton } from "react-ravepayment";
const config = {
txref: "rave-123456",
customer_email: "user@example.com",
customer_phone: "234099940409",
amount: 2000,
PBFPubKey: "FLWPUBK-XXXXXXXXXXXXXXXXXXXXXXXXXX-X",
production: false,
onSuccess: () => {},
onClose: () => {}
};
const App = () => {
return (
<div>
<RaveProvider {...config}>
<RavePaymentButton>Pay 2000</RavePaymentButton>
</RaveProvider>
</div>
);
};
export default App;
For more usage example check
See the API reference.
WHEN DEPLOYING TO PRODUCTION/LIVE SYSTEM, take note of the following;
git checkout -b feature-name
git commit -am 'Some commit message'
git push origin feature-name
This project follows the all-contributors specification. Contributions of any kind welcome!
Looking to contribute? Look for the Good First Issue label.
Please file an issue for bugs, missing documentation, or unexpected behavior.
Author: iamraphson
Source Code: https://github.com/iamraphson/react-ravepayment
#react #reactjs #javascript