如何在使用useEffect (React JS)加载时获取数据，然后异步执行其他任务

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // 在这里进行数据获取和其他异步任务的执行
  }, []);
  
  // 其他组件代码
}

function MyComponent() {
  useEffect(() => {
    const fetchData = async () => {
      try {
        // 发起数据获取请求
        const response = await fetch('https://api.example.com/data');
        const data = await response.json();
        
        // 对获取的数据进行处理
        // ...
        
        // 执行其他异步任务
        // ...
      } catch (error) {
        // 处理错误情况
        // ...
      }
    };
    
    fetchData();
  }, []);
  
  // 其他组件代码
}

function MyComponent(props) {
  useEffect(() => {
    const fetchData = async () => {
      // ...
    };
    
    fetchData();
  }, [props]);
  
  // 其他组件代码
}