reactjs - 无法在反应应用程序中集成 react-paypal-button-v2

Question

我正在尝试将 [react-paypal-button-v2][1] 集成到我的反应应用程序中，但是在填写了显示的详细信息后Something went wrong

     <PayPalButton
        amount="0.01"
        onSuccess={(details, data) => {
          console.log(details,"data")
          alert("Transaction completed by " + details.payer.name.given_name);

          // OPTIONAL: Call your server to save the transaction
          // return fetch("/paypal-transaction-complete", {
          //   method: "post",
          //   body: JSON.stringify({
          //     orderID: data.orderID
          //   })
          // });
        }}
           catchError={(err)=>{
          console.log(err)
            alert(err)

         }
          }
        onError ={(err)=>{
          alert(err)
       console.log(err)

       }
      }
    options={{
          clientId: "xxxxxx"
        }}
      />

这是页面加载后的第一个屏幕截图 [![在此处输入图像描述][2]][2]

这是我点击万事达卡选项时的第二个屏幕截图 [![在此处输入图像描述][3]][3]

这是第三个屏幕截图，当我点击“立即付款”按钮然后它的 shwo 处理但一段时间后它显示给我这个页面。

[![在此处输入图像描述][4]][4]

如果点击重试按钮，它会重定向到沙箱并要求注册

[![在此处输入图像描述][5]][5]

到目前为止，我还没有在任何应用程序中集成任何付款方式，这就是为什么我无法弄清楚可能导致它的原因，为什么它会抛出错误。

请您的帮助将不胜感激

提前致谢。

标签： reactjspayment-gatewaypaypal-sandbox