A React library wrapper for implementing ReavePay Payment Gateway
npm install react-ravepayment --saveor
yarn add react-ravepayment --saveimport React, { Component } from "react";
import { useRavePayment } from "react-ravepayment";
const config = {
txref: "rave-123456",
customer_email: "[email protected]",
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: "[email protected]",
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;
- Change isProduction attribute in the component tag to true i.e isProduction={true}
- Change RavePay PUBLIC KEY
- Ensure you implement webhooks to receive automatic updates when a transaction happens.
- Fork it!
- Create your feature branch:
git checkout -b feature-name - Commit your changes:
git commit -am 'Some commit message' - Push to the branch:
git push origin feature-name - Submit a pull request 😉😉
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.
MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent