react-stripe-js

> 编程语言

开源

Stripe.js 和 Stripe Elements 所用的 React 组件

2.0K stars0 点赞3 次浏览

访问官网 GitHub

工具介绍

Stripe.js 和 Stripe Elements 所用的 React 组件

React Stripe.js

React 组件用于 Stripe.js 和 Elements。

要求

React 的最低支持版本为 v16.8。如果使用旧版本, 请升级 React 以使用此库。如果您不想升级 React, 版本,我们建议使用旧版 React-stripe-elements。

开始使用

文档

创建自定义结算页面如果要创建新的自定义结算页面,我们建议使用 `ui_mode: 'elements'`。这样,您可以将 Stripe Elements 与自己的 React 页面结合,而 Checkout Sessions 会管理结算状态。如果您希望自行控制整个结算过程,则更低级别的

React Stripe.js 和 Stripe.js 可以提供更精细的控制,但需要更多的代码和持续的维护。首先,在服务器上使用可信的产品和定价数据创建一个 Checkout Session,然后返回其客户端密钥:

javascript

// POST /create-checkout-session
const session = await stripe.checkout.sessions.create({
ui_mode: 'elements',
mode: 'payment',
return_url: 'https://example.com/order/123/complete','
line_items: [
{
price_data: {

[Checkout Sessions API](https://docs.stripe.com/payments/accept-a-payment?payment-ui=elements&api-integration=checkout)
[Payment Intents API](https://docs.stripe.com/payments/accept-a-payment?payment-ui=elements&api-integration=payment-intents)