@blocklet/payment-react 是一個全方位的 React 元件庫，旨在簡化將支付流程、訂閱和捐贈系統整合到您的 blocklet 中的過程。它建立在 Payment Kit 的基礎之上，提供了一套預先建置、可自訂且生產就緒的元件，幫助您以最少的精力打造強大的支付體驗。
主要功能
預先建置的使用者介面元件
包含一組豐富的元件，如結帳表單、定價表和捐贈小工具，開箱即用，涵蓋常見的支付情境。
可自訂主題
使用 Material-UI 主題完全控制您的支付流程外觀和風格，確保一致的使用者體驗。
支援 i18n
內建的國際化支援讓您能輕鬆為全球受眾本地化元件文字。
全方位的支付操作
輕鬆處理複雜的支付邏輯，包括訂閱、退款、發票管理和計量計費。
最佳化效能
透過內建的延遲載入和動態元件匯入支援，最佳化您應用程式的套件大小並提升效能。
運作方式
此函式庫圍繞著提供者-元件模型架構。PaymentProvider 是此函式庫的核心，它建立了一個管理身份驗證、API 通訊和狀態的上下文 (context)。所有其他支付元件都必須包裹在此提供者內才能正常運作。這種方式集中了支付邏輯，並使個別元件保持輕量和專注。
您可以建立什麼
- 訂閱服務： 使用
CheckoutTable為 SaaS 產品快速實作定價頁面和結帳流程。 - 電子商務結帳： 使用
CheckoutForm為銷售商品建立一次性支付表單。 - 捐贈系統： 使用
CheckoutDonate新增靈活的捐贈小工具以支持創作者或公益事業。 - 客戶入口網站： 使用
CustomerInvoiceList和其他歷史記錄元件為使用者顯示發票歷史並管理支付方式。
下一步
既然您已對 @blocklet/payment-react 提供的功能有了大致了解，最好的學習方式就是動手實作。
深入閱讀我們的 入門指南 來安裝此函式庫，並在幾分鐘內建立您的第一個支付表單。