Google Pay按钮点击后onPaymentAuthorized没响应怎么办
大家好，我在React项目里集成Google Pay时遇到个怪问题。按照官方文档写好了PaymentDataRequest配置，但点击支付按钮后onPaymentAuthorized回调完全没触发，控制台也没报错。
代码是这样写的：
class Checkout extends React.Component {
handlePayment = (paymentData) => {
console.log('支付授权:', paymentData); // 这里从来没执行
return { transactionState: 'SUCCESS' };
};
render() {
const paymentRequest = {
apiVersion: 2,
apiVersionMinor: 0,
merchantInfo: { merchantId: '12345678' },
transactionInfo: {
totalPriceStatus: 'FINAL',
totalPriceString: '100.00',
currencyCode: 'USD'
},
allowedPaymentMethods: [{
type: 'CARD'
}]
};
return (
<GooglePayButton
environment="TEST"
paymentRequest={paymentRequest}
onPaymentAuthorized={this.handlePayment}
/>
);
}
}
我已经确认环境是TEST模式，merchantId也正确。奇怪的是支付弹窗能正常显示，但选完卡片点击确认后就回到原页面，连调试日志都没输出。是不是哪里配置漏了？有人遇到过类似情况吗？
- 1
回答
113浏览
Google Pay按钮初始化报错”Invalid arguments provided”
在React项目里集成Google Pay时，按照官方文档配置了支付参数，但初始化PaymentsClient时总是报错"Invalid arguments provided to the Payme...
- 1
回答
29浏览
Apple Pay按钮显示不可用，沙盒测试一直报错怎么办？
在iOS应用里集成Apple Pay时，支付按钮始终显示灰色不可用状态。用沙盒账号测试时还弹出错误提示"Invalid merchant identifier"，但Merchant ID明明已经在苹果...
- 2
回答
25浏览
React按钮点击响应慢，FID分数总是在100ms以上怎么办？
我在开发一个React应用时遇到了FID（最大内容绘制）分数总是卡在100ms以上的问题。用户点击按钮后延迟特别明显，尤其是在移动端。我尝试给处理函数加了async，还用了setTimeout延迟非关...
- 2
回答
34浏览
React按钮点击响应慢导致FID分数差怎么办？
我在做一个React任务列表应用，用户点击删除按钮时经常出现明显延迟，导致Lighthouse测出来的FID分数只有58。代码里用了setTimeout模拟异步操作，但实际项目里这个延迟更严重： fu...
- 1
回答
12浏览
Cordova应用在Android设备上点击按钮无法触发JS事件怎么办？
我在React项目里用Cordova调用原生相机插件，但Android设备上点击按钮完全没反应。代码在浏览器测试没问题，真机日志也没报错，尝试过把事件绑定改成onClick和addEventListe...
- 1
回答
15浏览
点击按钮后引导说明层无法隐藏怎么办？
我在做表单引导功能时，给新手用户添加了引导说明层，但点击关闭按钮后样式没变化。按照文档写了个toggle类名的方法，检查了代码也没发现语法错误，但就是不生效： document.querySelect...
- 2
回答
37浏览
React移动端按钮点击总是有延迟怎么办？
我在用React开发移动端时，点击按钮总会延迟好几百毫秒才触发，试过加ontouchend和设置touch-action: none都没用，这是什么情况啊？ import { useState } f...
- 1
回答
80浏览
React PWA中使用Notification API点击按钮没反应怎么办？
我在React组件里用Notification API做消息提醒，按教程写了请求权限和发送通知的函数，但点击按钮完全没反应。手机真机测试也没弹出通知，控制台也没报错。代码检查了好几遍，哪出问题了？ 这...
- 2
回答
111浏览
Foundation的自定义模态框点击关闭按钮没反应怎么办？
用Foundation做了一个自定义模态框，按照文档写好HTML结构后，给关闭按钮绑定了点击事件，但点击完全没反应。代码检查了好几遍没问题： document.addEventListener(�...
- 2
回答
27浏览
Bootstrap警告框关闭按钮点击无效怎么办？
我用Bootstrap的alert组件加了关闭按钮，但点击叉号没反应。代码照文档写的，样式倒是正常显示： <div class="alert alert-warning alert-d...
先检查一下allowedPaymentMethods部分，必须包含具体的卡片网络和认证方式，Google Pay对这部分要求很严格。改成这样试试：
另外transactionInfo里的totalPriceString改成totalPrice，字段名写错了。还有merchantInfo部分建议加上merchantName，虽然不是必填，但有些情况下会需要。
改完后整体结构大概是这样：
这些改完基本就能正常触发onPaymentAuthorized了。记得把gateway和merchant相关的信息替换成你实际使用的支付网关参数。我之前就是被这些细节坑了好久，文档里其实都写了，但很容易漏看。