<EtherspotTokenTransferTransaction />
The
<EtherspotTokenTransferTransaction /> React Component helps you facilitate the transfer of an asset (such as PLR. USDC or SHIB) to another account.You just need to provide the token address, the destination address and the amount of tokens you want to transfer to the destination address, and we'll take it from there.
About token addresses
Remember to research the correct token address on the correct blockchain you are sending to. Do not send tokens to another blockchain as it will be lost.
Keep transfers on the same blockchain.
The
<EtherspotTokenTransferTransaction /> component assumes that a transfer function exists on the Smart Contract being called.Property | Description |
|---|---|
tokenAddress | The destination token address |
receiverAddress | The blockchain address that will receive the token |
value | How much of the token you want to send to the receiver address |
Below is an example of how to use the
<EtherspotTokenTransferTransaction /> component.// In your functional component or elsehwere
const onEstimateReceiver = (estimationData) => {
console.log(
'This is the cost estimate for all the batches',
estimationData,
);
}
// In your render or as a component...
<EtherspotBatches onEstimated={onEstimateReceiver}>
<EtherspotBatch>
{/*
The following <EtherspotTokenTransferTransaction />
component will transfer 5 USDC from the built-in
Etherspot Smart Wallet account to the receiverAddress.
In the example below:
- The tokenAddress is the USDC contract address
on Ethereum
- The receiverAddress is the destination of the
token amount being transferred
- The value determines how much of the USDC is
being transferred to the receiverAddress
*/}
<EtherspotTokenTransferTransaction
tokenAddress={'0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48'}
receiverAddress={'0x0763d68dd586AB1DD8Be2e00c514B2ac8757453b'}
value={'5'}
/>
{/*
You can add more <Etherspot*Transaction />
components here, and they will all be executed
together and at the same time (i.e. as part of
this batch).
*/}
</EtherspotBatch>
</EtherspotBatches>
And that is how we use the
<EtherspotTokenTransferTransaction /> component. Transaction Kit has simplified the whole process of sending tokens to another bblockchain account.Be sure that the the token address is the correct address for the blockchain you are working on.
Last modified 5mo ago