# Hooks

`@arcblock/did-connect-react` 库提供了一套功能强大的 React Hooks，可实现编程控制和灵活的数据访问。虽然 [SessionProvider](./core-components-session-provider.md) 提供了一种方便的基于上下文的方法，但 Hooks 为您提供了复杂 UI 和高级用例所需的精细控制。

这些 Hooks 允许您从 `SessionProvider` 作用域内的任何组件管理连接流程、访问用户数据并集成各种身份验证方法。

<x-cards data-columns="3">
  <x-card data-title="useConnect" data-icon="lucide:plug-zap" data-href="/hooks/use-connect">
    以编程方式打开、关闭和管理 DID Connect UI 模态框。这是控制连接流程的核心 Hook。
  </x-card>
  <x-card data-title="useDid" data-icon="lucide:user-check" data-href="/hooks/use-did">
    一个方便的实用工具 Hook，可轻松访问和使用会话中经过身份验证的用户的 DID、个人资料和钱包信息。
  </x-card>
  <x-card data-title="useOAuth & usePasskey" data-icon="lucide:key-round" data-href="/hooks/use-oauth-passkey">
    集成现代的替代身份验证方法。`useOAuth` 处理社交登录，而 `usePasskey` 则实现安全的无密码身份验证。
  </x-card>
</x-cards>

## 摘要

通过利用这些 Hooks，您可以构建高度定制化和无缝的用户体验。首先探索 `useConnect` 以了解如何触发登录流程，然后看看 `useDid` 如何帮助您显示用户信息。

准备好深入了解了吗？从上面选择一个 Hook 以了解更多信息，或继续前往 [UI 组件](./ui-components.md) 部分查看如何显示用户数据。