使用Moralis与Ethers开发DApp时，连接MetaMask后无法获取地址及余额求助

一、解决useMoralis返回account为null的问题 #

• 确保根组件已被<MoralisProvider>包裹，并正确配置Moralis的APP ID和服务器URL：

import { MoralisProvider } from "react-moralis";

function App() {
  return (
    <MoralisProvider appId="你的APP ID" serverUrl="你的服务器URL">
      {/* 你的DApp业务组件 */}
    </MoralisProvider>
  );
}

• 仅通过MetaMask连接钱包不足以让Moralis识别账户，必须调用Moralis的认证接口触发登录流程，比如在连接按钮的点击事件中执行：

const handleWalletConnect = async () => {
  try {
    await Moralis.authenticate({ signingMessage: "授权连接你的钱包" });
    // 认证成功后，useMoralis的account才会返回有效地址
  } catch (err) {
    console.error("钱包认证失败:", err);
  }
};

• 确认使用useMoralis的组件处于<MoralisProvider>的嵌套范围内，超出范围的组件无法获取到账户信息。

二、修复钱包余额获取逻辑 #

• 你当前代码获取的是合约地址的余额，而非用户钱包地址的余额。如果要获取用户钱包余额，需将目标地址替换为用户的account：

const { account, provider } = useMoralis();
const [walletBalance, setWalletBalance] = useState("0");

const getBalance = async () => {
  if (!account || !provider) return;
  const balance = await provider.getBalance(account);
  const balanceInEth = ethers.utils.formatEther(balance);
  const finalBalance = (+balanceInEth).toFixed(4);
  setWalletBalance(finalBalance);
};

• 调整useEffect的依赖项，避免因函数重新创建导致的无限触发，仅当account变化时才执行余额获取：

useEffect(() => {
  getBalance();
}, [account]);

• 如果你自定义了connectBlockchain()函数，需确认它返回的是已连接用户MetaMask的provider实例。建议直接使用useMoralis提供的provider，无需自行实现连接逻辑，避免出现不一致问题。

内容的提问来源于stack exchange，提问作者Recep Çankaya