如何在React中等待get请求完成？

async componentDidMount() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    // 在这里处理获取到的数据
  } catch (error) {
    // 处理错误
  }
}

import axios from 'axios';

async componentDidMount() {
  try {
    const response = await axios.get('https://api.example.com/data');
    const data = response.data;
    // 在这里处理获取到的数据
  } catch (error) {
    // 处理错误
  }
}

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

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

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetch('https://api.example.com/data');
        const data = await response.json();
        setData(data);
      } catch (error) {
        // 处理错误
      }
    };

    fetchData();
  }, []);

  // 在这里处理获取到的数据

  return (
    // 组件的JSX代码
  );
}