React 中一页上有两个 PayPal 按钮

Question

我正在尝试在我的网页上呈现两个 PayPal 无代码按钮（例如服务页面），它们的金额不同，分别为 49 美元和 1000 美元。

因为它在 React 中的实现与 html 有点不同，我认为存在一个问题，即两者发生冲突，并且在重新加载时只渲染一个。

我尝试过更改容器ID名称，但无济于事。仍然只显示一个 PayPal 按钮。

我尝试创建两个单独的组件（PayPalButton、PayPalButton 1）并将它们导入 App.js 并在“服务页面”下添加导入，但无济于事。仍然只显示一个 PayPal 按钮。

但是，如果我删除 PayPalButton1 内容并呈现新的 rafce 内容，它将呈现“PayPalButton”中的 paypal 按钮和“PayPalButton1”中的随机文本。

Answer 1

您将加载 PayPal 脚本两次（每个按钮一次）。

每次页面加载时，您必须准确加载 PayPal 脚本一次。

在渲染第一个按钮的 onload 函数中，您也可以添加代码来渲染第二个按钮。