Где использовать добавить секрет данных в Stripe React Elements

Question

Я слежу за этим, делаю c: https://laravel.com/docs/5.8/billing#storing -payment-Methods
И он говорит мне использовать секрет данных вот так:

<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 Elements в своем проекте.

Я создал маршрут: /api/clientsecret для возврата client_secret. Но я не совсем уверен, где я буду использовать client_secret с React Stripe Elements .

Answer 1

React Stripe Elements устарела, вы должны использовать React Stripe JS вместо

Laravel, предполагая, что вы выполняете рендеринг на стороне сервера, а это не так с React. Вам нужно просто использовать fetch, чтобы получить client_secret с того маршрута, который вы создали, когда будете готовы подтвердить SetupIntent.