切换选项卡时，react查询突变isLoading变为false

import React, { useState, useEffect } from 'react';

const TabComponent = () => {
  const [isLoading, setIsLoading] = useState(false);
  const [data, setData] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      setIsLoading(true);
      // 执行查询操作，例如通过API获取数据
      const response = await fetch('https://api.example.com/data');
      const result = await response.json();
      setData(result);
      setIsLoading(false);
    };

    fetchData();
  }, []);

  return (
    <div>
      {isLoading ? (
        <div>Loading...</div>
      ) : (
        <div>
          {/* 根据data渲染选项卡内容 */}
        </div>
      )}
    </div>
  );
};

export default TabComponent;