# 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，可輕鬆從 session 中存取和使用通過身份驗證的使用者的 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 Components](./ui-components.md) 部分查看如何顯示使用者資料。