DID Space React 函式庫提供了一組核心元件，旨在簡化連接 DID Space 並與之互動的流程。這些元件封裝了驗證、狀態檢查與資料顯示等複雜邏輯，讓您能輕鬆建構功能豐富的應用程式。
兩個主要元件是 DIDSpaceConnect 和 DIDSpaceConnection。
DIDSpaceConnection
一個顯示卡片，用於呈現 DID Space 的基本資訊，例如其名稱、DID 和 NFT 頭像。它會動態顯示連線狀態（已連線、已斷線、錯誤），並提供用於自訂操作的插槽。
查看詳情協同運作方式
雖然這些元件可以獨立使用，但它們的設計旨在發揮強大的協同作用。一個常見的模式是使用 DIDSpaceConnection 元件來顯示可用 Space 的列表，並在其 action 屬性中嵌入 DIDSpaceConnect 元件，為使用者提供每個 Space 的「連線」或「重新連線」按鈕。
下圖說明了一個典型的使用者互動流程：
若要開始使用，請深入閱讀每個元件的詳細文件。我們建議從 DIDSpaceConnect 元件開始，以了解連線流程。
接下來，請深入了解 DIDSpaceConnect 元件。