react useEffect fetch api data给出错误案例:无法读取未定义的属性‘TypeError’

useEffect(() => {
  // 在这里进行数据获取的操作
}, []);

useEffect(() => {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => {
      // 在这里处理获取到的数据
    })
    .catch(error => {
      // 在这里处理错误情况
    });
}, []);

function MyComponent() {
  const [data, setData] = useState(null);

  useEffect(() => {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        setData(data);
      })
      .catch(error => {
        // 在这里处理错误情况
      });
  }, []);

  if (data === null) {
    return <div>Loading...</div>;
  }

  // 在这里使用获取到的数据进行渲染
  return <div>{data}</div>;
}