javascript - 下一篇 JS 如何将数据传递给 getStaticProps

Question

我正在使用 Next Context 将“购物车”数据保留在我的应用程序的多个页面中。我有一个与此不同的对象：

{
 product: 'A product'
 price: 350,
 payment type: 'Deposit'
}

我可以在任何页面上成功获取这些数据，以便用户可以看到他们选择了哪些产品等。我的问题是，当价格确定时（取决于用户是选择全额付款还是定金付款），我需要将它们移动到另一个页面，我需要先获得 Stripe paymentIntent 的金额，然后才能进行付款。我需要在他们实际付款之前这样做，因此获取 paymentIntent 的代码进入下一页上的“getServerSideProps”请求，如下所示：

export const getServerSideProps = () => {
    const stripe = new Stripe('secret_key')
    const paymentIntent = await stripe.paymentIntents.create({
        amount: AMOUNT_HERE,
        currency: 'gbp'
    })
}

如何让我的 AMOUNT_HERE 显示出来？我可以使用上下文以某种方式引入当前的“购物车”对象吗？我不知道如何在不将数据作为变量放在 url 中的情况下发送数据。我需要在他们付款之前发出 paymentIntent 请求，但我需要以某种方式从我的上下文中获取他们的数据。getServersideProps() 有可能吗？如果不是，这种行为的模式是什么。我是 Next JS 和 React 的新手，所以不确定我是否在这里做出了正确的选择。

标签： javascriptreactjsnext.js