Question

我想将Razorpay集成到我的React App，我搜索了如何集成第三方js以响应应用程序的示例，但是我按照这些步骤得到了这个错误。

Answer 1

//的index.html 将这些链接添加到头部脚本标记https://checkout.razorpay.com/v1/checkout.js

// checkoutcomponent.js

让rzp =新窗口.Razorpay（选项）; rzp.open（）;

点击付款

后添加这些内容

Answer 2

很难找到给定代码示例的潜在问题。但我的假设是反应代码在razorpay对象被添加到窗口对象之前运行。解决方案是在反应渲染之前包含razorpay脚本。因此，请包含razorpay脚本，后跟呈现反应代码的脚本：

＆＃13;

    <head>
      <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
    </head>
    <body>
      <div id="app"></div>
      <script src="main.js"></script>
    </body>

＆＃13;

使用以下作为参考：https://www.webpackbin.com/bins/-L4b4PLDB-x8NReFx3F1打开控制台以查看响应。

如何在反应中集成Razorpay？

2 个答案: