我正在尝试利用一家本地公司的支付网关 API,该 API 不是专门为 React 设计的,而是提供了一个通用的 HTML 片段,该片段插入一个按钮以进入我网站外部的结帐页面。
这是 HTML 片段:
<form action="https://www.example.com/paymentsuccess" method="POST">
<script
src="https://www.mercadopago.com.ar/integrations/v1/web-tokenize-checkout.js"
data-public-key="ENV_PUBLIC_KEY"
data-transaction-amount="100.00">
</script>
</form>
在客户端输入卡的信息(在我的站点之外)后,他们的 API 会向我的 Node 后端服务器(在“action”属性中)发送一个 POST 请求,为我提供一些确认付款所需的安全信息。
我没有考虑将它粘贴到公共文件夹中,因为它实际上呈现了一个按钮以将用户重定向到外部页面,并且按钮的位置至关重要。
这可能是一个太简单的问题,但我是 React 的新手,我怎么能在我的前端应用程序中插入这个片段/按钮,并通过它的属性(公钥/交易金额)提供所需的信息?
任何指导我朝着正确方向前进的帮助都受到高度赞赏。