Всем привет, мне нужно подключить скрипт для создания криптограммы. <script

Question

Всем привет, мне нужно подключить скрипт для создания криптограммы. <script

src="https://checkout.cloudpayments.ru/checkout.js"></script>.

Дальше создать объект
checkout:

const checkout = new cp.Checkout({
publicId: 'test_api_000000000000000002',
});

Как сделать это все внутри реакта? Пытался гуглить, но чета не пошло

#frontend #javascript #programming #react.js #russian

0

15.07.2023

4 ответов

24 просмотра

Арсений к788мм x -= -1 1305 Автор вопроса

Сам скрипт запрашивается, но я не могу достать из него объект cp: const checkout = new cp.Checkout({ publicId: 'test_api_000000000000000002', }); Пишет что cp undefined. Только данный момент мне и непонятен

0

15.07.2023

Артём

вот пример нашёл, рабочий или нет хз: npm install react-scripts import React, { useEffect } from 'react'; const PaymentForm = () => { useEffect(() => { // Подключение скрипта const script = document.createElement('script'); script.src = 'https://checkout.cloudpayments.ru/checkout.js'; script.async = true; document.body.appendChild(script); // Создание объекта checkout script.onload = () => { const checkout = new window.cp.Checkout({ publicId: 'ваш_публичный_ключ', }); // Дальнейшие действия с объектом checkout, например, обработка платежей }; // Очистка после размонтирования компонента return () => { document.body.removeChild(script); }; }, []); return ( <div> {/* Ваша форма оплаты и другие элементы компонента */} </div> ); }; export default PaymentForm; --------------- компонент, где будет осуществляться подключение скрипта и создание объекта checkout. Например, в файле PaymentForm.js: import React from 'react'; import PaymentForm from './PaymentForm'; const App = () => { return ( <div> {/* Другой контент вашего приложения */} <PaymentForm /> </div> ); }; export default App; нужно заменить publicId на свой

0

15.07.2023

Vladimir Voronov

Артём
вот пример нашёл, рабочий или нет хз: npm install...

Ух ты. Через window, вау

0

15.07.2023

Rustem · Accepted Answer

Rustem

Helmet погугли

0

15.07.2023

169 похожих чатов

Всем привет, мне нужно подключить скрипт для создания криптограммы. <script

4 ответов

Похожие вопросы