跳到主要内容

组件

@blocklet/payment-react 库提供了一套全面的预构建 React 组件,旨在加速支付、订阅和捐赠功能的开发。这些组件进行了分类,以帮助您找到适合工作的工具,无论您需要的是完整的即用型解决方案,还是用于构建自定义体验的精细 UI 元素。

所有组件都设计为在 PaymentProvider 上下文中无缝工作,该上下文负责处理状态管理和 API 通信。

组件架构

下图说明了高级组件通常如何交互。面向用户的组件(如 CheckoutTableCheckoutDonate)作为入口点,然后利用核心的 CheckoutForm 来处理最终的支付流程。

Components

组件分类

浏览我们的组件分类,找到您需要的构建模块。

结账组件

这些是高级组件,提供完整的、开箱即用的支付体验。将它们用作您支付流程的主要入口点。

UI 组件

一组用于构建自定义支付表单和显示的精细组件。组合这些模块,创建一个与您的应用程序设计完美匹配的用户界面。

业务逻辑组件

专门用于处理复杂业务工作流的组件,例如管理逾期发票、恢复订阅和配置自动信用充值。

历史组件

向您的用户显示历史支付和信用数据。这些组件可以轻松渲染发票、支付和信用交易列表。