payment 相关问题

我在react js 中使用标签脚本时遇到困难。我正在尝试使用在线支付 API。使用 API 的第一条指令是使用： <p>我在 React js 中使用标签脚本时遇到困难。我正在尝试使用在线支付 API。使用API的第一个指令是使用：</p> <pre><code> <script src="https://assets.pagseguro.com.br/checkout-sdk-js/rc/dist/browser/pagseguro.min.js"></script> </code></pre> <p>根据API参考，下一步是：</p> <ul> <li>包含 JavaScript 后，您必须配置函数调用 <strong>PagSeguro.encryptCard()</strong> 在 publicKey 参数中传递您的公钥。</li> </ul> <pre><code>var card = PagSeguro.encryptCard({ publicKey: "MY_PUBLIC_KEY", holder: "First name Last name", number: "4242424242424242", expMonth: "12", expYear: "2030", securityCode: "123" }); var encrypted = card.encryptedCard; </code></pre> <p>我的问题是由于 <strong>PagSeguro.encryptCard()</strong> 部分造成的。 PagSeguro 未定义。如何提取脚本内的<strong>PagSeguro</strong>和<strong>encryptCard()</strong>？</p> <p>我正在使用下面的代码：</p> <pre><code>import React, {useEffect, useState} from 'react' function Pay(){ const [Infor, setInfor]=useState(); useEffect(() => { const script = document.createElement('script'); script.src = 'https://assets.pagseguro.com.br/checkout-sdk-js/rc/dist/browser/pagseguro.min.js'; script.async = true; script.onload = (function(){ setInfor(script); }) console.log('script',script) const container = document.getElementById("mydiv"); container.appendChild(script); let card = script.PagSeguro.encryptCard({ publicKey: "MINHA_CHAVE_PUBLICA", holder: "Nome Sobrenome", number: "4242424242424242", expMonth: "12", expYear: "2030", securityCode: "123" }); console.log('card',card) }, []); return ( <div id="mydiv"> <h1>Payment</h1> </div> ); } export default Pay </code></pre> <p>这是错误消息：<strong>TypeError：无法读取未定义的属性（读取“加密卡”）</strong></p> </question> <answer tick="false" vote="0"> <p>听起来您在代码<em>之后</em>包含了外部脚本 - 正如您引用的 API 参考所说：</p> <blockquote> <p><strong>在</strong>包含 JavaScript 后，您必须配置函数调用...</p> </blockquote> <p>您需要代码如下所示：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><script src="https://assets.pagseguro.com.br/checkout-sdk-js/rc/dist/browser/pagseguro.min.js"></script> <script> // Now, PagSeguro will have loaded console.log(typeof PagSeguro); // and you can proceed to use it var card = PagSeguro.encryptCard({ publicKey: "MY_PUBLIC_KEY", holder: "First name Last name", number: "4242424242424242", expMonth: "12", expYear: "2030", securityCode: "123" }); var encrypted = card.encryptedCard; </script></code></pre> </div> </div> <p></p> <p>如果您不想在下载脚本时阻止渲染，则可以将 <pre><code>load</code></pre> 事件侦听器附加到脚本，并为其指定 <pre><code>async</code></pre> 或 <pre><code>defer</code></pre> 属性。</p> </answer> <answer tick="false" vote="0"> <p>不要调用useEffect内部的script标签，而应该调用public/index.html并通过window.PagSeguro调用SDK。我成功地实现了使用 PagSeguro 来加密卡。顺便说一句，我来自巴西。</p> </answer> <answer tick="false" vote="0"> <p>我创建了一个钩子，请点击我的存储库的链接</p> <p><a href="https://www.npmjs.com/package/pagseguro-encryptcard-reactjs" rel="nofollow noreferrer">https://www.npmjs.com/package/pagseguro-encryptcard-reactjs</a></p> </answer> </body></html>

javascript reactjs payment

回答 0 投票 0

我们如何在我们的网站中使用google pay API？

就像我添加了代码，但它仅适用于手机。但是，当我在笔记本电脑浏览器上使用相同的代码时，它显示 Google pay 未安装。这意味着它正在寻找 go...

javascript api payment google-pay upi

回答 1 投票 0

为什么产品名称无法删除

无法读取 null 的属性（读取“价格”）类型错误：无法读取 null 的属性（读取“价格”）屏幕上出现类型错误。从 'react' 导入 React, { useEffect ,useState}; 我...

reactjs payment

回答 1 投票 0

根据付款状态更新 WooCommerce 订单自定义字段

在 WooCommerce 中，我使用 Mollie 在线付款。我尝试使用下面的代码来根据订单付款的状态更新自定义订单字段，但它不起作用。一个...