Javascript 在何处使用在条带元素中添加数据机密

Javascript 在何处使用在条带元素中添加数据机密,javascript,reactjs,laravel,stripe-payments,react-stripe-elements,Javascript,Reactjs,Laravel,Stripe Payments,React Stripe Elements,我正在关注这个文件: 它告诉我要像这样使用数据机密: <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

我正在关注这个文件: 它告诉我要像这样使用数据机密:

<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

我创建了一个路由:/api/clientsecret来返回客户机密钥。
但是我不太确定在哪里使用客户机机密。

React Stripe元素已被弃用,您应该使用

Laravel假设您在这里进行服务器端渲染,而React则不是这样。当您准备确认设置意图时,您应该只使用fetch从您创建的路由中获取客户机密钥