重定向到 ReactJS 中的结账

2024-01-07

我正在尝试在 ReactJS 中实现 Stripe 功能“重定向到结账”。 我环顾四周,似乎没有任何软件包可以帮助做到这一点。

const stripe = 
Stripe('key');

stripe.redirectToCheckout({
  items: [
    // Replace with the ID of your SKU
    {sku: 'sku_123', quantity: 1}
  ],
  successUrl: 'https://your-website.com/success',
  cancelUrl: 'https://your-website.com/canceled',
}).then(({error}) => {
  // If `redirectToCheckout` fails due to a browser or 
network
  // error, display the localized error message to your 
customer
  // using `error.message`.
});

这是我得到这个源代码的地方:https://stripe.com/docs/stripe-js/reference#stripe-redirect-to-checkout https://stripe.com/docs/stripe-js/reference#stripe-redirect-to-checkout

Stripe JS似乎只支持标准结帐,不接收产品SKU作为参数


当我读完新书后stripe-js docs https://stripe.com/docs/stripe-js/react https://stripe.com/docs/stripe-js/react我发现这可能对你有用

相反使用stripe, 安装@stripe/stripe-js那么这项工作可以通过以下方式完成

import { loadStripe } from "@stripe/stripe-js";

...

const stripePromise = loadStripe(
    "pk_.........."
  );

const stripe = await stripePromise;

stripe.redirectToCheckout({
      ...
    })
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

重定向到 ReactJS 中的结账 的相关文章

随机推荐

  • 使用 grpc 和 protobuf Hello world 示例面对 io.netty.util.AttributeKey.valueOf() 方法的 NoSuchMethodError

    运行 GreetingServerTest java 测试后 我收到以下给定的错误 我正在使用 grpc 1 1 0 SNAPSHOT 库并尝试实现 git repo 中给出的 grpc 的基本 Helloword 示例 任何人都可以建议我
  • 是否可以禁用 vim 中的替换模式?

    简而言之 如何才能完全禁用 vim 中的替换模式 我从不使用替换模式 但有时在重新进入插入模式时会意外进入替换模式 当然 在意识到我处于替换模式之前 我会因为输入几个字符而犯错 那么 有没有办法完全禁用替换模式 无论是通过配置设置还是无论如
  • Environment.getExternalStorageDirectory() 弃用替代方案

    在SDK 29 又名Android Q 中 访问外部存储使用的方法Environment getExternalStorageDirectory 已弃用 不再返回可访问的文件 getExternalStoragePublicDirector
  • Prettier 调试输出在 Xcode 中打印 Swift Dictionary

    当我使用print 在 Swift 的字典中 它在控制台中显示得非常漂亮 带有键和值 object Optional customerId 111 transactionId 333 extraId 444 当我跑步时po在同一本字典上 它
  • 如何最有效地利用多核来进行 .NET 中的短计算?

    上下文如下 我正在用 C 为一个小型项目编写一个解释器称为 Heron 的编程语言 http www heron language com 并且它有一些可以并行执行的原始列表操作 我面临的最大挑战之一是 每当遇到可并行操作时 如何将评估器完
  • 如何在运行时发现所有包类型?

    据我所知 参见here https stackoverflow com a 22188310 605022 and here https stackoverflow com a 20805018 605022 中没有类型发现机制反射包 ht
  • 如何使用 jQuery 从 .each 循环创建数组

    如何从 each 循环 内部创建一个数组并在循环外部使用它 My each loop Loop through all but button with class apply profile nav ul li a not apply ea
  • 如何编辑 Laravel 集合中的项目

    我是 Laravel 的新手 我运行一个查询并从数据库中获取行 我想在查看这些行之前编辑这些行的列 这是我的代码片段 callPlans CustomerCallPlan whereNotNull id foreach callPlans
  • 网格单元内采样点的计数

    计算空间网格的每个网格单元内的采样点总数 我想制作一个网格并计算每个网格单元内采样点的总数 我创建了一个随机生成的数据和网格 并尝试使用 sf 和 raster 包计算网格单元内的记录数 使用以前类似的 SO 问题 但没有成功 我还研究了提
  • 我们是否有布尔值的 Button down 属性

    我被分配将delphi代码转换为 Net 并且想知道我们是否像delphi那样具有按钮的down属性 正如此链接中的回答如果 Delphi TSpeedButton 是组中唯一的一个 如何使其保持按下状态 https stackoverfl
  • MVVM 树视图所选项目

    我希望有人愿意在这里帮助我 我对 MVVM 还很陌生 在阅读了很多帖子和示例后我仍然无法弄清楚这一点 我有 EF 数据库 其中包含属于每个项目的项目和计算 我使用树视图和层次数据模板显示项目和计算 当我单击树视图项目时 我想绑定要设置的标签
  • 在ggplot2中旋转图例

    我希望将 ggplot2 图例旋转 90 From qplot mpg wt data mtcars colour cyl 生产 就像是 p lt qplot mpg wt data mtcars colour cyl p scale co
  • Apple Watch 复杂功能未在后台更新

    我有一个 Apple Watch 复杂功能 可以正确初始化并显示我期望的数据 但是 当我的 getNextRequestedUpdateDateWithHandler 方法中返回的 NSDate 触发刷新时 我的委托中唯一被再次调用的方法是
  • Java 连接到 Microsoft Windows Office 套件/之间?

    我在其他地方读过 hazzen 的回应 here https stackoverflow com questions 396355 how to get google page rank and number of searches in
  • Eclipse Android Common XML编辑器无法在模式之间切换

    不知何故 我从 Android Common XML Editor 的标准 WYSIWYG 模式切换到文本模式 我听说屏幕底部应该有一个选项卡可以切换 Layout file xml 但我猜 Eclipse Juno 中没有 我的问题 如何
  • 如果未保存更改,Angular 2/4 会阻止用户离开组件

    我有这个界面 我用它来防止用户离开页面 export interface ComponentCanDeactivate canDeactivate gt boolean Injectable export class PendingChan
  • 文件“obj\Debug\android\bin\packaged_resources”不存在 Xamarin.Android

    我正在使用 C 开发一个 Android 应用程序 它最初构建得非常完美 我关闭了 Visual Studio 2015 并重新打开它 尝试构建 但现在出现以下错误 文件 obj Debug android bin packaged res
  • C++ 中的 Android 用户界面

    我知道这有点重新发明轮子 但是用 C 实现 Android 用户界面有多难 创建按钮之类的东西以及处理按钮点击之类的触摸屏事件是否很难 这是否可行 如果可行 您将如何去做 看一眼必要性 http sourceforge net p nece
  • C++ 何时在输出流运算符 <<() 中加宽字符?

    在我看来 C 标准中存在不一致之处 特别是在 C 17 草案 N4659 的 30 7 5 2 4 中 关于何时在输出流上的格式化输出操作中加宽字符 operator lt lt 完全相同的不一致似乎也反映在en cppreference
  • 重定向到 ReactJS 中的结账

    我正在尝试在 ReactJS 中实现 Stripe 功能 重定向到结账 我环顾四周 似乎没有任何软件包可以帮助做到这一点 const stripe Stripe key stripe redirectToCheckout items Rep