Как интегрировать 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 Откройте консоль, чтобы просмотреть ответ.

Другие вопросы по тегам