如何在react中正确获取axios响应？

import axios from 'axios';

import React, { Component } from 'react';
import axios from 'axios';

class MyComponent extends Component {
  componentDidMount() {
    axios.get('https://api.example.com/data')
      .then(response => {
        // 在这里处理响应数据
        console.log(response.data);
      })
      .catch(error => {
        // 在这里处理错误
        console.error(error);
      });
  }

  render() {
    return (
      // 组件的渲染内容
    );
  }
}

export default MyComponent;

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

const MyComponent = () => {
  useEffect(() => {
    axios.get('https://api.example.com/data')
      .then(response => {
        // 在这里处理响应数据
        console.log(response.data);
      })
      .catch(error => {
        // 在这里处理错误
        console.error(error);
      });
  }, []);

  return (
    // 组件的渲染内容
  );
}

export default MyComponent;