Stripe Checkout重定向后反应恢复状态

时间:2019-08-03 08:57:53

标签: reactjs react-router stripe-payments react-router-v4

我开发了一个基于React(和React Router)的网络应用,该应用使用Stripe Checkout来处理付款,它基本上会触发Stripe Session并使用重定向到在此网址加载结帐页面

https://checkout.stripe.com/pay/cs_live_<some session Token here>

这是代码

        this.stripeApi.getSession({
            amount: amount,
            // ...
        })
            .then(session => {
                stripe.redirectToCheckout({
                    sessionId: session.data.id,
                }).then(result => {
                    //...
                });
            })

我的问题是,如果用户单击Stripe Url中的浏览器后退按钮(请参阅上文),我不知道如何恢复应用程序的状态。

为尽可能清晰起见,假设我的应用程序如下

Home - List of items
|    Item Page
|    Profile Page
|    About
  1. 用户可以从主页上选择一个项目并查看详细信息 在项目页面
  2. 用户可以在项目页面中执行 结帐

后退按钮上单击(来自Stripe Checkout),我需要重新加载项目页面,其中包含所选项目的详细信息。

实现此目标的最佳方法/设计是什么?

提前谢谢

0 个答案:

没有答案