如何为贝宝上下文快速结帐创建反应组件?

Posted

技术标签:

【中文标题】如何为贝宝上下文快速结帐创建反应组件?【英文标题】:how can I create a react component for paypal in-context express checkout? 【发布时间】:2016-10-14 10:27:48 【问题描述】:

我对 reacjs 很陌生,并且努力为 paypal's in-context express checkout windows 创建一个 reactjs 组件 - 用普通的 javascript 做起来很简单,但不知道如何创建一个组件并以与 react-stripe-checkout 类似的方式使用它?谢谢

【问题讨论】:

我在 React 应用程序中设置 Paypal 时遇到了同样的问题。在接受信用卡付款时,Stripe 是一个不错的选择。我是这篇文章的作者,但它是设置它的分步指南。 否则,请查看此step-by-step guide 以使用 PayPal 的 REST API 将 PayPal 集成到 React 组件中。 【参考方案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 />
        );
    
 

===========

还有一个完整的例子,你可以拥有所有类型的回调函数(例如完成的payment-ID、return-URL等)

如需完整详细文档(以及来自 Paypal 的官方指南),请访问此处:

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

【讨论】:

以上是关于如何为贝宝上下文快速结帐创建反应组件?的主要内容,如果未能解决你的问题,请参考以下文章

如何为特定页面创建父组件(以便能够在父级中添加反应上下文)?

贝宝:在上下文快速结帐后留在页面上

Paypal 上下文快速结帐 - 模式窗口不正确

反应贝宝结帐

动态贝宝快速结帐按钮

是否可以在贝宝快速结帐中更新经常性金额?