インポート

import { useOpenConnectModal } from '@0xsequence/connect'

使い方

import { useOpenConnectModal } from '@0xsequence/connect'

function App() {
  const { setOpenConnectModal, openConnectModalState } = useOpenConnectModal()
  
  const handleConnect = () => {
    setOpenConnectModal(true) // Open the connect modal
  }
  
  return (
    <>
      <button onClick={handleConnect}>
        Connect Wallet
      </button>
      
      {openConnectModalState && (
        <div>Connect modal is open!</div>
      )}
    </>
  )
}

返却型:UseOpenConnectModalReturnType

このフックは以下のプロパティを持つオブジェクトを返します。

type UseOpenConnectModalReturnType = {
  setOpenConnectModal: (isOpen: boolean) => void
  openConnectModalState: boolean
}

プロパティ

setOpenConnectModal

(isOpen: boolean) => void

Connectモーダルを開閉する関数です。

パラメータ:

パラメータ説明
isOpenbooleanモーダルが開いているか(true)、閉じているか(false

openConnectModalState

boolean

Connectモーダルの現在の開閉状態(開いていればtrue、閉じていればfalse

補足

このフックは、ユーザーがウォレットをアプリケーションに接続できるConnectモーダルの制御メソッドを提供します。Connectモーダルでは、Sequenceウォレットや外部ウォレットなど、さまざまなウォレット接続オプションが利用できます。