如何制作带有自定义值的贝宝按钮？ ReactJS

Question

我计划在我的网站上提供付款方式，我选择了贝宝。我对静态值没有太多问题 - 我只是在 paypal 网站上创建了 paypal 按钮。我的问题是.. 如何创建具有自定义值的贝宝按钮？假设我有一个函数可以进行一些计算，其结果应该是付款价值。 静态值按钮代码：

  <form
            action="https://www.paypal.com/cgi-bin/webscr"
            method="post"
            target="_top"
            className="paypal-form"
          >
            <input type="hidden" name="cmd" value="_s-xclick" />
            <input
              type="hidden"
              name="hosted_button_id"
              value="CJEKJADN6L8P2"
            />
            <input
              type="image"
              src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_buynowCC_LG.gif"
              name="submit"
              alt="PayPal – The safer, easier way to pay online!"
              className="paypal-button"
            />
            <img
              alt=""
              src="https://www.paypalobjects.com/pl_PL/i/scr/pixel.gif"
              width="1"
              height="1"
            />
          </form>

Answer 1

（旧答案 - 这些发布到

webscr

的 HTML 按钮已被弃用，请勿使用它们）

在 PayPal 创建一个新按钮。

在步骤 2 中，取消选中在 PayPal 保存按钮的选项。

生成代码后，单击链接以删除代码保护。

复制代码。此代码将具有可以更改值的参数。

您可以使用的其他变量记录在此处：https://developer.paypal.com/api/nvp-soap/paypal- payments-standard/integration-guide/Appx-websitestandard-htmlvariables/

---

无后端的简单按钮的当前解决方案：https://www.paypal.com/buttons/

• 对于可变定价，请选择：“定价：客户设定价格”

保存生成的代码，在浏览器中加载页面，右键/二次单击并“检查”。渲染的 HTML 中有些元素您可能想用 CSS 隐藏（添加

<style>

标签），您可以看到

<input>

元素获取金额，您也可以隐藏该元素并在 DOM 中将其设置为无论自定义值如何。

你想出的东西可能会被黑客拼凑在一起；最好的解决方案是根据当前标准集成指南实施完整的前端+后端订单创建和捕获解决方案。