如何为paypal上下文快速结账创建反应组件？

Posted 2021-05-04

我是一个非常新的reacjs和stuggle为paypal's in-context express checkout windows创建reactjs组件 - 在简单的javascript中很容易做但不知道如何创建一个组件并以与react-stripe-checkout类似的方式使用它？谢谢

答案

请使用react-paypal-express-checkout（我是作者）：

安装：

npm install --save react-paypal-express-checkout

最简单的例子（但它会显示Paypal快速结账按钮）：

import React from 'react';
import PaypalExpressBtn from 'react-paypal-express-checkout';

export default class MyApp extends React.Component {
    render() {
        const client = {
            sandbox:    'YOUR-SANDBOX-APP-ID',
            production: 'YOUR-PRODUCTION-APP-ID',
        }   
        return (
            <PaypalExpressBtn client={client} currency={'USD'} total={1.00} />
        );
    }
} 

==========

还有一个完整的示例，您可以在其中使用所有类型的回调函数（例如，已完成的付款ID，返回URL等）

有关完整的详细文档（以及Paypal的官方指南），请访问：

https://github.com/thinhvo0108/react-paypal-express-checkout