在数据被正确获取之前，有没有办法调用useeffect？

useEffect(callback, dependencies)

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

const MyComponent = () => {
  const [data, setData] = useState(null);
  const [isDataLoaded, setIsDataLoaded] = useState(false);

  useEffect(() => {
    const fetchData = async () => {
      // 模拟数据获取的异步操作
      const response = await fetch('https://example.com/api/data');
      const result = await response.json();
      setData(result);
      setIsDataLoaded(true);
    };

    if (!isDataLoaded) {
      fetchData();
    }
  }, [isDataLoaded]);

  // 在数据被正确获取之前，可以根据isDataLoaded的值显示加载中的状态
  if (!isDataLoaded) {
    return <div>Loading...</div>;
  }

  // 数据获取成功后，渲染数据
  return (
    <div>
      <h1>Data: {data}</h1>
    </div>
  );
};

export default MyComponent;