使用componentDidMount get请求调用Axios处于无限循环中

componentDidMount() {
  // 设置标志位
  this.setState({ isLoading: true });
  
  // 发送GET请求
  axios.get('https://api.example.com/data')
    .then(response => {
      // 处理请求结果
      this.setState({ data: response.data });
    })
    .catch(error => {
      // 错误处理
    })
    .finally(() => {
      // 请求完成后重置标志位
      this.setState({ isLoading: false });
    });
}

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

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

  useEffect(() => {
    axios.get('https://api.example.com/data')
      .then(response => {
        setData(response.data);
      })
      .catch(error => {
        // 错误处理
      });
  }, []); // 传递空数组作为依赖项

  return (
    // 组件渲染逻辑
  );
}