# 业务逻辑组件

业务逻辑组件是专门设计的 React 组件，用于处理与订阅和发票管理相关的复杂、有状态的操作。这些组件封装了完整的用户流程，例如支付逾期发票或恢复已取消的订阅，让您可以通过最少的设置轻松地将高级功能集成到您的应用程序中。

它们基于核心库功能构建，并经常与支付服务 API 交互以执行操作并反映状态变化。

<x-cards data-columns="2">
  <x-card data-title="OverdueInvoicePayment" data-icon="lucide:file-warning" data-href="/components/business/overdue-invoice-payment">
    一个用于处理特定客户或订阅的逾期发票支付的组件，会呈现一个带有支付选项的对话框。
  </x-card>
  <x-card data-title="ResumeSubscription" data-icon="lucide:play-circle" data-href="/components/business/resume-subscription">
    允许用户恢复已取消的订阅。如果需要，它会处理必要的 API 调用和重新质押逻辑。
  </x-card>
  <x-card data-title="自动充值组件" data-icon="lucide:zap" data-href="/components/business/auto-topup">
    一组用于管理和配置自动信用额度充值的组件，包括一个显示卡和一个配置模态框。
  </x-card>
</x-cards>

### 后续步骤

集成这些业务逻辑组件后，您可能希望向用户显示历史数据。请继续阅读 [历史组件](./components-history.md) 部分，以了解如何列出发票、付款和信用交易。