useEtherspotAssets()
A React hook that retuns a list of tokens for developers to use in their project.
As part of any cryptocurrency related app, it's essential to be able to access a list of other cryptocurrencies and their asset data (such as asset logo) to use within your app, otherwise you'll likely need to try and find this yourself.
The
useEtherspotAssets hook makes this easy for you by allowing you to access our prebuilt list of tokens for every chain.There is a CodeSandbox available for this hook. Check it out to see the
useEtherspotAssets hook in action action, and fork it should you want to test or change anything.import {
useEtherspotAssets
} from "@etherspot/transaction-kit";
// Later in your component function...
const { getAssets } = useEtherspotAssets();
// When you're ready to fetch the assets...
const tokens = await getAssets();
// `tokens` will look similar to the following...
// [
// {
// "address": "0xe3818504c1B32bF1557b16C238B2E01Fd3149C17",
// "chainId": 1,
// "decimals": 18,
// "logoURI": "https://images.prismic.io/pillar-app/83dcf8ff-6459-41d4-8d43-7ec143814b2d_pillar-logo-5.png?auto=compress,format",
// "name": "Pillar",
// "symbol": "PLR"
// },
// {
// "address": "0xdAC17F958D2ee523a2206206994597C13D831ec7",
// "chainId": 1,
// "decimals": 6,
// "logoURI": "https://raw.githubusercontent.com/bnb-chain/tokens-info-v2/master/tokens/usdt/usdt.png",
// "name": "USDT",
// "symbol": "USDT"
// },
// ...
// ]
Now you know how to fetch a list of popular assets to use in your app instead of having to find a data source of tokens from somewhere else.
Last modified 4mo ago