如何为paypal上下文快速结账创建react组件?

IT技术 reactjs paypal
2021-03-30 06:42:05

我对 reacjs 很陌生,并且努力为贝宝的上下文快速结账窗口创建一个 reactjs 组件- 在普通的 javascript 中很容易做到,但不确定我如何创建一个组件并以与react-stripe类似的方式使用它-结帐谢谢

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