Как интегрировать Razorpay в реагировать?
Я хочу интегрировать Razorpay в свое приложение React, и я искал примеры того, как интегрировать сторонние js для реагирования приложения, но я получаю эту ошибку при выполнении следующих шагов.
2 ответа
//index.html добавить эти ссылки в тег заголовка скрипта https://checkout.razorpay.com/v1/checkout.js
//checkoutcomponent.js
let rzp = new window.Razorpay (параметры); rzp.open();
добавить их после того, как вы нажмете на оплату
Трудно найти основную проблему с данным примером кода. Но я предполагаю, что код реакции работает до добавления объекта razorpay к объекту окна. Решение состоит в том, чтобы включить скрипт razorpay перед рендерингом реакции. Поэтому включите скрипт razorpay, а затем скрипт, который отображает код реакции:
<head>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
</head>
<body>
<div id="app"></div>
<script src="main.js"></script>
</body>
Используйте в качестве ссылки следующее: https://www.webpackbin.com/bins/-L4b4PLDB-x8NReFx3F1 Откройте консоль, чтобы просмотреть ответ.