在Stripe React Elements中使用add data secret的位置

Question

我正在关注这个文档：https://laravel.com/docs/5.8/billing#storing-付款方式
它告诉我使用这样的数据秘密：

<input id="card-holder-name" type="text">
<!-- Stripe Elements Placeholder -->
<div id="card-element"></div>
<button id="card-button" data-secret="{{ $intent->client_secret }}">
Update Payment Method
</button>

我在我的项目中使用了React和React Stripe元素。

我创建了一个路由：/api/clientsecret来返回client_secret。但我不太确定在哪里使用带有React Stripe元素的client_secret。

Answer 1

React Stripe Elements已弃用，您应该使用React StripeJS而不是

Laravel假设您在这里进行服务器端渲染，而React的情况并非如此。当您准备好确认SetupIntent时，您应该只使用fetch从您创建的路由中获取client_secret。