1.0.0 • Published 3 years ago

use-ens v1.0.0

Weekly downloads
-
License
UNLICENSED
Repository
github
Last release
3 years ago

use-ens

A React hook to fetch ENS records from a domain.

Install

pnpm i use-ens

Example

CodeSandbox

import React, { useEffect } from 'react'
import { useWeb3React } from '@web3-react/core'
import { useENS } from 'use-ens'

const App = () => {
  const { provider, activate } = useWeb3React()

  useEffect(() => {
      injected.isAuthorized().then((isAuth) => {
        if (isAuth) activate(injected)
      })
    }, [])

  const { address, records } = useENS(provider, 'dame.eth')

  return (
    <>
      <p>Address: {address ? address : ''}</p>
      <p>ENS Records</p>
      <ul>
        {records.web && Object.entries(records.web).map(([k, v]) => (
          <li>
            {k}: {v}
          </li>
        ))}
      </ul>
      {!active && <button onClick={() => activate(injected)}>Connect<button>}
    </>
  )
}
1.0.0

3 years ago

0.0.15

4 years ago

0.0.16

4 years ago

0.0.13

4 years ago

0.0.14

4 years ago

0.0.10

4 years ago

0.0.11

4 years ago

0.0.12

4 years ago

0.0.9

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.0-wip.13

4 years ago

0.0.1

4 years ago

0.0.0

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.4

4 years ago

0.0.0-wip.12

4 years ago

0.0.0-wip.11

4 years ago

0.0.0-wip.6

4 years ago

0.0.0-wip.5

4 years ago

0.0.0-wip.10

4 years ago

0.0.0-wip.8

4 years ago

0.0.0-wip.7

4 years ago

0.0.0-wip.2

4 years ago

0.0.0-wip.1

4 years ago

0.0.0-wip.4

4 years ago

0.0.0-wip.9

4 years ago

0.0.0-wip.0

4 years ago