Solana Web3中setInterval/clearInterval用法及清除失效问题

• clearInterval 只接受setInterval调用时返回的数字类型定时器ID作为合法参数，你当前代码里传入的是回调函数init，参数类型完全不匹配，自然无法触发清除逻辑。
• 你没有保存每次创建定时器生成的ID：setInterval每次执行都会生成新的独立定时器，返回的ID是清除对应定时器的唯一凭证，你既没有存储这个ID，也没有在副作用重跑、组件卸载时清理旧定时器，会导致多个定时器同时在后台运行，就算后续传对了ID也清不干净。
• 你没有写useEffect的清理返回函数：React中只要在effect里创建了定时器、事件监听器这类持续运行的副作用，必须在effect的return回调中做清除，否则组件卸载、依赖变更触发effect重跑时，旧的定时器会一直驻留内存。

import { useState, useCallback, useEffect, useRef } from 'react';
// 假设useConnection、useWallet已经从对应依赖正确导入

function useSolanaAccount() {
  const [account, setAccount] = useState(null);
  const { connection } = useConnection();
  const wallet = useWallet();
  // 用ref存储定时器ID，保证跨组件重渲染周期ID不会丢失
  const intervalIdRef = useRef(null);

  const init = useCallback(async () => {
    if (wallet.publicKey) {
      console.log("usecallback publicKey:", wallet.publicKey.toString());
      const acc = await connection.getAccountInfo(wallet.publicKey);
      setAccount(acc);
    } else {
      console.log("usecallback publicKey: None");
    }
  }, [wallet, connection]);

  useEffect(() => {
    // 每次effect执行先清理上一轮遗留的定时器，避免重复创建
    if (intervalIdRef.current) {
      clearInterval(intervalIdRef.current);
    }

    if (wallet.publicKey) {
      // 创建定时器时，把返回的ID存入ref
      intervalIdRef.current = setInterval(init, 1000);
      console.log("use effect publicKey:", wallet.publicKey.toString());
    } else {
      console.log("clear interval");
      clearInterval(intervalIdRef.current);
      intervalIdRef.current = null;
    }

    // 组件卸载/依赖变更触发effect重跑前，自动清理当前定时器
    return () => {
      if (intervalIdRef.current) {
        clearInterval(intervalIdRef.current);
      }
    }
  }, [init, wallet]);

  return { account };
}

• 不要用普通组件内变量存储定时器ID：组件每次重渲染都会重置普通变量的值，会导致你丢失之前创建的定时器引用，useRef的存储特性刚好适合存放这类跨渲染周期需要保留、且变化不需要触发重渲染的值。
• 把init改成全局变量无法解决问题：问题根源从来不是init的作用域，而是你从一开始就没有正确保存和传入定时器ID。
• 轮询场景下建议额外加错误捕获：connection.getAccountInfo是网络请求，可能因为网络问题抛出异常，未捕获的异常会导致后续定时器回调终止执行，可以在init函数里加try/catch包裹请求逻辑做容错。

内容的提问来源于stack exchange，提问作者LindleyLentati