在nextjs项目当中使用wagmi连接metamask进行ETH交易

 Wagmi 提供了很多的hook用于处理 EVM 交易。您可以使用这些hooks完成：

• 发送交易。
• 实时跟踪交易状态。
• 准确估算 Gas 成本。
• 优雅地处理交易错误。
• 管理复杂的交易模式。

一、获取余额 

import { useAccount, useBalance } from 'wagmi';
import { formatUnits, parseEther } from 'viem';
const { address } = useAccount();
const {
    data: balance,
    isSuccess: isBalanceSuccess,
    //  isError: isBalanceError,
    // error: balanceError,
    refetch: refetchBalance // 更新余额的方法
  } = useBalance({
    address
  });
const amount = formatUnits(balance.value, balance.decimals)；

使用useBalance hook可以轻松获取到ETH，获取到balance包涵value最小单位的数量，decimals精度，以及符号balance.symbol

二、获取代币的余额以及信息

import { us