1. пряжа добавить реакцию-асинхронный-скрипт
  2. пряжа добавить -D @types/react-async-script (если вы используете TS)
  3. Создать pay pal plus div

импортировать {FC} из «реакции»;

импортировать makeAsyncScript из «реагировать-асинхронный-скрипт»;

const PayPalPlusDiv: FC = () =› ‹div id=’ppplus’ /›;

экспортировать по умолчанию makeAsyncScript(‘https://www.paypalobjects.com/webstatic/ppplus/ppplus.min.js’)(PayPalPlusDiv);

4. Создайте раздел выбора способа оплаты

импортировать {FC} из «реакции»;

импортировать PayPalPlus из «./pay-pal-plus»;

введите PaymentMethodSelectionProps = {

URL-адрес утверждения: строка;

};

экспортировать const PaymentMethodSelection: FC‹PaymentMethodSelectionProps› = ({ ApprovalUrl }) =› (

‹PayPalPlus

asyncScriptOnLoad={() =› {

окно.PAYPAL.apps.PPP({

URL утверждения,

// электронная почта плательщика: ‘***@***.com’,

// имя_плательщика: ‘Foo’,

// Фамилия плательщика: ‘Бар’,

// телефон плательщика: ‘+55123456789’,

// payerTaxId: ‘431.587.124–90’, // КПФ

заполнитель: «ppplus»,

страна: «DE»,

// collectBillingAddress: false,

режим: «песочница»

});

}}

/>

);

5. Создайте кнопку, которая также загружает ppplus.min.js (как мы делаем в pay pal plus div) и вызывает window.PAYPAL.apps.PPP.doCheckout() onClick