跳到主要内容

组件

DID Space React 库提供了一套核心组件，以简化连接和与 DID Spaces 交互的过程。这些组件封装了复杂的身份验证、状态检查和数据显示逻辑，让您可以轻松构建功能丰富的应用程序。

两个主要组件是 DIDSpaceConnect 和 DIDSpaceConnection。

DIDSpaceConnect

一个多功能的按钮组件，用于处理 DID Spaces 的完整身份验证和连接流程。它支持多种连接模式，包括初始连接、重新连接和基于会话的流程。

查看详情

DIDSpaceConnection

一个显示卡，用于呈现 DID Space 的基本信息，例如其名称、DID 和 NFT 头像。它会动态显示连接状态（已连接、已断开、错误），并为自定义操作提供插槽。

查看详情

它们如何协同工作

虽然这些组件可以独立使用，但它们被设计为可以强大地协同工作。一种常见的模式是使用 DIDSpaceConnection 组件显示可用空间列表，并在其 action 属性中嵌入 DIDSpaceConnect 组件，从而为每个空间提供“连接”或“重新连接”按钮。

下图展示了一个典型的用户交互流程：

Components

要开始使用，请深入了解每个组件的详细文档。我们建议从 DIDSpaceConnect 组件开始，以了解连接过程。

接下来，详细了解 DIDSpaceConnect 组件。