- пряжа добавить реакцию-асинхронный-скрипт
- пряжа добавить -D @types/react-async-script (если вы используете TS)
- Создать 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