如何解决错误:不能在React中的异步函数外部使用关键字'await‘

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    async function fetchData() {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      // 处理数据
    }
    fetchData();
  }, []);

  return <div>My Component</div>;
}

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    (async function fetchData() {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      // 处理数据
    })();
  }, []);

  return <div>My Component</div>;
}

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        // 处理数据
      })
      .catch(error => {
        // 处理错误
      });
  }, []);

  return <div>My Component</div>;
}