@blocklet/payment-react 库提供了一套全面的预构建 React 组件,旨在加速支付、订阅和捐赠功能的开发。这些组件进行了分类,以帮助您找到适合工作的工具,无论您需要的是完整的即用型解决方案,还是用于构建自定义体验的精细 UI 元素。
所有组件都设计为在 PaymentProvider 上下文中无缝工作,该上下文负责处理状态管理和 API 通信。
组件架构
下图说明了高级组件通常如何交互。面向用户的组件(如 CheckoutTable 或 CheckoutDonate)作为入口点,然后利用核心的 CheckoutForm 来处理最终的支付流程。

组件分类
浏览我们的组件分类,找到您需要的构建模块。
结账组件
这些是高级组件,提供完整的、开箱即用的支付体验。将它们用作您支付流程的主要入口点。
UI 组件
一组用于构建自定义支付表单和显示的精细组件。组合这些模块,创建一个与您的应用程序设计完美匹配的用户界面。
业务逻辑组件
专门用于处理复杂业务工作流的组件,例如管理逾期发票、恢复订阅和配置自动信用充值。
OverdueInvoicePayment
处理客户或订阅的逾期发票支付。
ResumeSubscription
允许用户轻松恢复已取消的订阅。
Auto-Topup Components
管理和配置自动信用充值功能。
历史组件
向您的用户显示历史支付和信用数据。这些组件可以轻松渲染发票、支付和信用交易列表。