/Javascript/Express/React paypal express checkout

React paypal express checkout

import React from 'react';import PaypalExpressBtn from 'react-paypal-express-checkout'; export default class MyApp extends React.Component {    render() {        const onSuccess = (payment) => {            // Congratulation, it came here means everything's fine!            		console.log("The payment was succeeded!", payment);            		// You can bind the "payment" object's value to your state or props or whatever here, please see below for sample returned data        }         const onCancel = (data) => {            // User pressed "cancel" or close Paypal's popup!            console.log('The payment was cancelled!', data);            // You can bind the "data" object's value to your state or props or whatever here, please see below for sample returned data        }         const onError = (err) => {            // The main Paypal's script cannot be loaded or somethings block the loading of that script!            console.log("Error!", err);            // Because the Paypal's main script is loaded asynchronously from "https://www.paypalobjects.com/api/checkout.js"            // => sometimes it may take about 0.5 second for everything to get set, or for the button to appear        }         let env = 'sandbox'; // you can set here to 'production' for production        let currency = 'USD'; // or you can set this value from your props or state        let total = 1; // same as above, this is the total amount (based on currency) to be paid by using Paypal express checkout        // Document on Paypal's currency code: https://developer.paypal.com/docs/classic/api/currency_codes/         const client = {            sandbox:    'YOUR-SANDBOX-APP-ID',            production: 'YOUR-PRODUCTION-APP-ID',        }        // In order to get production's app-ID, you will have to send your app to Paypal for approval first        // For sandbox app-ID (after logging into your developer account, please locate the "REST API apps" section, click "Create App"):        //   => https://developer.paypal.com/docs/classic/lifecycle/sb_credentials/        // For production app-ID:        //   => https://developer.paypal.com/docs/classic/lifecycle/goingLive/         // NB. You can also have many Paypal express checkout buttons on page, just pass in the correct amount and they will work!        return (            <PaypalExpressBtn env={env} client={client} currency={currency} total={total} onError={onError} onSuccess={onSuccess} onCancel={onCancel} />        );    }}

Source: npmjs.com

Similar codes

0 vote246 views1 answer
Express middleware status code always 200
Javascript Express
0 vote308 views1 answer
How to Delete Comment from Post on Node, express and Mongoose and Ajax
Javascript Express
6 votes300 views2 answers
Http header express
Javascript Express
0 vote296 views1 answer
Entendendo Package Json e instalando o Express
Javascript Express
0 vote301 views3 answers
Post express node js input
Javascript Express
1 vote280 views1 answer
Http to https redirect express js
Javascript Express
2 votes305 views2 answers
How to send form data from react to express
Javascript Express
17 votes282 views6 answers
Express js
Javascript Express
2 votes262 views3 answers
Req body express
Javascript Express
1 vote265 views4 answers
Cors error in node js express
Javascript Express