Components
<EtherspotTokenTransferTransaction />
Components
<EtherspotTokenTransferTransaction />
Intro
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.
Component Properties
| Property | Description |
|---|---|
| tokenAddress | The token’s Smart Contract address that will be permitted to be moved to the recieverAddress. |
| receiverAddress | The destination blockchain address (on the same chain) permitted for the tokens located at tokenAddress to be moved to. |
| value | The maximum value that the token address is allowed to move to the receiverAddress. |
How to use
// 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>