如何在react钩子中模拟多个promise .then并检查在一个.then中设置状态

import React, { useState } from 'react';

function MyComponent() {
  const [isLoading, setIsLoading] = useState(false);

  // 其他代码...

  return (
    // JSX代码...
  );
}

export default MyComponent;

async function fetchData() {
  setIsLoading(true);

  try {
    const result1 = await new Promise((resolve) => {
      setTimeout(() => {
        resolve('Result 1');
      }, 1000);
    });

    const result2 = await new Promise((resolve) => {
      setTimeout(() => {
        resolve('Result 2');
      }, 2000);
    });

    // 在这里设置状态或执行其他操作
    setIsLoading(false);
    console.log(result1, result2);
  } catch (error) {
    // 处理错误
    setIsLoading(false);
    console.error(error);
  }
}

function MyComponent() {
  // ...

  useEffect(() => {
    fetchData();
  }, []);

  // ...
}