如何在react中的useEffect钩子内停止从导入函数的新实例进行的上一次调用

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    let isMounted = true;

    async function fetchData() {
      // 检查isMounted的值，如果为false则返回
      if (!isMounted) {
        return;
      }

      try {
        // 执行异步操作
        const response = await fetch('https://api.example.com/data');
        const data = await response.json();

        // 更新组件状态或执行其他操作
        // ...
      } catch (error) {
        // 处理错误
        // ...
      }
    }

    fetchData();

    return () => {
      // 组件卸载时将isMounted设置为false
      isMounted = false;
    };
  }, []);

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

export default MyComponent;