<WalletProvider>

<WalletProvider>, gömülü cüzdan için React context sağlayıcısıdır.

Örnek

// src/index.tsx
import { createWallet } from '@money-sdk/core'
import { WalletProvider } from '@money-sdk/react'

const wallet = createWallet(/* ... */)

function Root() {
  return (
    <WalletProvider wallet={wallet}>
      <App />
    </WalletProvider>
  )
}

Referans

props.wallet

createWallet tarafından döndürülen, başlatılmış cüzdan.

Hook'lar

Aşağıdaki hook'lar @money-sdk/react paketinden dışa aktarılır ve bir <WalletProvider> içinde çağrılmalıdır:

useWallet()

Sağlayıcıya geçilen Wallet örneğini döndürür. Widget dışında getProvider, disconnect veya experimental_expand gibi metotları çağırmanız gerektiğinde bunu kullanın.

import { useWallet } from '@money-sdk/react'

function ConnectButton() {
  const wallet = useWallet()

  const handleClick = async () => {
    const solana = await wallet.getProvider('solana')
    await solana?.connect()
  }

  return <button onClick={handleClick}>Connect</button>
}

useConnected()

Kullanıcının cüzdanı dApp'inize bağlayıp bağlamadığını belirten bir boolean döndürür. UI'yı sınırlandırmak için kullanışlıdır:

import { useConnected } from '@money-sdk/react'

function App() {
  const connected = useConnected()

  return connected ? <Dashboard /> : <Landing />
}

useObservable(observable)

Cüzdan örneği tarafından sunulan dahili bir observable'a abone olmak için düşük seviyeli hook. Genellikle buna doğrudan ihtiyacınız olmaz — bağlantı durumu için useConnected'ı tercih edin.