Breaking News: Grepper is joining You.com. Read the official announcement!

flutterwave-react-v3

Isijola Ademie answered on September 22, 2022 Popularity 9/10 Helpfulness 4/10

answer flutterwave-react-v3

related flutterwave-react-v3

flutterwave-react-v3

Comment

import React from 'react';
import { useFlutterwave, closePaymentModal } from 'flutterwave-react-v3';

export default function App() {
  const config = {
    public_key: 'FLWPUBK-**************************-X',
    tx_ref: Date.now(),
    amount: 100,
    currency: 'NGN',
    payment_options: 'card,mobilemoney,ussd',
    customer: {
      email: 'user@gmail.com',
       phone_number: '070********',
      name: 'john doe',
    },
    customizations: {
      title: 'my Payment Title',
      description: 'Payment for items in cart',
      logo: 'https://st2.depositphotos.com/4403291/7418/v/450/depositphotos_74189661-stock-illustration-online-shop-log.jpg',
    },
  };

  const handleFlutterPayment = useFlutterwave(config);

  return (
    <div className="App">
     <h1>Hello Test user</h1>

      <button
        onClick={() => {
          handleFlutterPayment({
            callback: (response) => {
               console.log(response);
                closePaymentModal() // this will close the modal programmatically
            },
            onClose: () => {},
          });
        }}
      >
        Payment with React hooks
      </button>
    </div>
  );
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: www.npmjs.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Isijola Ademie

0 Answers Avg Quality 2/10

Closely Related Answers

flutterwave-react-v3

Comment

$ npm install flutterwave-react-v3

# or
$ yarn add flutterwave-react-v3

Popularity 9/10 Helpfulness 5/10 Language whatever

Source: www.npmjs.com

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Isijola Ademie

0 Answers Avg Quality 2/10

flutterwave-react-v3

Contents

More Related Answers

flutterwave-react-v3

Closely Related Answers

flutterwave-react-v3

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.