どのようにして、ペイパル・イン・エクスプレスチェックアウトの反応コンポーネントを作成できますか？

Question

私は非常に新しいreacjsとpaypal's in-context express checkout windowsのreactjsコンポーネントを作成するstuggle - それは単純なjavascriptで行うが、私はどのようにコンポーネントを作成し、同様の方法でそれを使用することができますか分かりませんreact-stripe-checkout？おかげ

Answer 1

（私は著者だ）react-paypal-express-checkoutを使用してください：

をインストールします。

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

最も単純な例（それはペイパルボタンをエクスプレスチェックアウトが表示されます）：

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をなど）

フル詳細なドキュメント（だけでなく、ペイパルからの公式ガイドについては、）ここに移動してください：

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