reactjs - 如何为 Paypal 上下文快速结账创建 react 组件？

Question

我对 reacjs 很陌生，并努力为 paypal's in-context express checkout windows 创建一个 reactjs 组件。 - 使用普通 javascript 很简单，但不确定如何创建组件并以与 react-stripe-checkout 类似的方式使用它？谢谢

Answer 1

请使用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