React中Stripe PaymentElement的return_url移除及paymentMethod.id获取问题

问题1：从旧版CardElement切换至PaymentElement后，如何移除confirmSetup配置中的return_url参数？ #

切换到PaymentElement后，return_url不再是confirmSetup的必填项，你可以直接删除confirmParams对象内的return_url: url这一行配置。

需要注意：如果用户选择的支付方式需要重定向完成验证（比如3DS认证、部分网银支付），此时仍需提供return_url来完成后续验证流程；如果业务场景中所有支持的支付方式都不需要重定向验证，完全可以安全移除该参数。

调整后的代码示例：

await stripe
  ?.confirmSetup({
    elements,
    // 可直接移除包含return_url的confirmParams，或保留confirmParams但删除return_url字段
    // confirmParams: {},
  })

问题2：是否可通过当前的confirmSetup操作直接获取paymentMethod.id？ #

可以直接获取。confirmSetup执行成功后，返回结果中的setupIntent.payment_method字段就是对应的PaymentMethod ID，无需额外调用后端接口查询。

示例代码：

const setupResult = await stripe
  ?.confirmSetup({
    elements,
    confirmParams: {
      // 根据需求决定是否保留return_url
      return_url: url,
    },
  });

if (setupResult?.setupIntent?.status === 'succeeded') {
  const paymentMethodId = setupResult.setupIntent.payment_method;
  // 此处即可使用获取到的paymentMethodId
}

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