Adyen Drop In如何配置实现已保存信用卡信息删除功能

你配置不生效的核心原因是**showRemovePaymentMethodButton 配置项放错了层级**，这个属性不属于card支付方式的子配置，是DropIn组件的根级配置。
正确配置需要满足以下3个条件：

• 把showRemovePaymentMethodButton: true从paymentMethodsConfiguration.card配置块中移出，直接放在AdyenCheckout初始化的根配置对象中，和showPayButton、session这类属性同级
• 确认你使用的Adyen Web SDK版本不低于5.26.0，早期版本不支持该配置
• 测试场景下需要保证当前付款会话关联的用户账号下，已经存在至少1张成功保存的信用卡，删除按钮只会在已存支付方式列表的卡片项上显示，新卡录入界面不会渲染该按钮

配置生效后，用户点击删除按钮时DropIn会自动完成已存卡片的删除接口调用，不需要额外编写交互逻辑。
修正后的核心配置代码参考：

return new AdyenCheckout(
{
  clientKey,
  locale: "en_US",
  environment: "test",
  session: session,
  showPayButton: true,
  showRemovePaymentMethodButton: true, // 注意：配置放在根层级
  paymentMethodsConfiguration: {
    ideal: {
      showImage: true,
    },
    card: {
      hasHolderName: true,
      holderNameRequired: true,
      name: "Credit or debit card",
      amount: {
        value: 2000,
        currency: "USD",
        },
      enableStoreDetails: true
      // 不要把showRemovePaymentMethodButton写在card配置块内
    },
    paypal: {
      amount: {
        value: 1000,
        currency: "USD",
      },
      environment: "test",
      countryCode: "US",
    },
  },
  // 其余原有配置保持不变
})

补充说明：如果配置位置正确、版本符合要求但依然看不到按钮，可以先测试一次完整的支付保存卡片流程，生成一条已存卡片记录后重新进入结账页，即可看到对应删除按钮。

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