2016-06-13 13 views
5

Jestem całkiem nowy w reacjach i próbuję stworzyć komponent reactjs dla paypal's in-context express checkout windows - jest to łatwe do zrobienia w prostym javascript, ale nie wiem, jak mogę utworzyć komponent i używać go w podobny sposób jak react-stripe-checkout? DziękiJak mogę utworzyć komponent reagowania do realizacji ekspresowego doręczenia w systemie PayPal?

+0

miałem ten sam problem z konfiguracją w Paypal moja aplikacja React. [Stripe] (https://www.robinwieruch.de/react-express-stripe-patyment/) może być świetną alternatywą przy przyjmowaniu płatności kartą kredytową. Jestem autorem artykułu, ale jest to przewodnik krok po kroku, aby go skonfigurować. –

+0

W przeciwnym razie, skorzystaj z tego [przewodnika "krok po kroku"] ​​(https://www.robinwieruch.de/react-paypal-payment/) w celu zintegrowania systemu PayPal z komponentem React za pomocą interfejsu API REST serwisu PayPal. –

Odpowiedz

0

Proszę używać react-paypal-express-checkout (Jestem autorem):

Install:

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

Najprostszym przykładem (ale to pokaże Paypal wyrazić sprawdzić przycisk out):

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} /> 
     ); 
    } 
} 

==========

Istnieje również pełny przykład, w którym można mieć wszystkie typy funkcji zwrotnej (np. Wypełniony płatność ID, zwrot URL itp)

Dla pełnej szczegółowego dokumentu (jak również oficjalnych przewodników z Paypal) przejdź tutaj:

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