This is a react library for implementing paystack payment gateway
This React library provides a wrapper to add Paystack Payments to your React application
npm install react-paystack --save
or with yarn
yarn add react-paystack
import React from 'react';
import logo from './logo.svg';
import { usePaystackPayment, PaystackButton, PaystackConsumer } from 'react-paystack';
import './App.css';
const config = {
reference: (new Date()).getTime(),
email: "[email protected]",
amount: 20000,
publicKey: 'pk_test_dsdfghuytfd2345678gvxxxxxxxxxx',
};
const PaystackHookExample = () => {
const initializePayment = usePaystackPayment(config);
return (
<div>
<button onClick={() => {
initializePayment()
}}>Paystack Hooks Implementation</button>
</div>
);
};
function App() {
const componentProps = {
...config,
text: 'Paystack Button Implementation',
onSuccess: () => null,
onClose: () => null
};
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
<PaystackHookExample />
<PaystackButton {...componentProps} />
<PaystackConsumer {...componentProps} >
{({initializePayment}) => <button onClick={() => initializePayment()}>Paystack Consumer Implementation</button>}
</PaystackConsumer>
</div>
);
}
export default App;
Please checkout Paystack Documentation for other available options you can add to the tag
REMEMBER TO CHANGE THE KEY WHEN DEPLOYING ON A LIVE/PRODUCTION SYSTEM
- 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 ๐๐
Why not star the github repo? I'd love the attention! Why not share the link for this repository on Twitter or Any Social Media? Spread the word!
Don't forget to follow me on twitter!
Thanks! Ayeni Olusegun.
This project is licensed under the MIT License - see the LICENSE.md file for details