如何将该Epayco支付HTML Script标签代码转换为React实现？

我找到一个非官方的Epayco相关工具包，但拿不准能不能用。先把转义后的HTML代码还原成可直接使用的版本：

<form>
    <script
        src="https://checkout.epa.co/checkout.js"
        class="epa-button"
        data-epayco-key="491d6a0b6e992cf924edd8d3d088aff1"
        data-epayco-amount="50000"
        data-epayco-name="Vestido Mujer Primavera"
        data-epayco-description="Vestido Mujer Primavera"
        data-epayco-currency="cop"
        data-epayco-country="co"
        data-epayco-test="true"
        data-epayco-external="false"
        data-epayco-response="https://ejemplo.com/respuesta.html"
        data-epayco-confirmation="https://ejemplo.com/confirmacion"
        data-epayco-methodconfirmation="get">
    </script>
</form>

几点重要提示： #

• 这是Epayco官方的支付按钮嵌入代码，针对哥伦比亚地区的支付场景（货币COP，国家代码co），直接用官方方案最稳妥。
• 要是想用那个非官方工具包，必须先确认这几点：
  • 它能不能完整传递所有data-epayco-*属性，特别是密钥、金额、回调地址这些核心参数
  • 会不会修改官方脚本的加载逻辑，搞出安全漏洞或者兼容问题
  • 有没有持续维护，不然Epayco官方接口更新后，工具包可能直接失效

没把握的话，别碰非官方工具包，直接用官方代码就行，省得给自己找麻烦。

内容的提问来源于stack exchange，提问作者dialac