如何从promise返回函数来取消订阅useEffect？

import React, { useEffect } from 'react';

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

    const promise = fetchData();

    return () => {
      // 在组件卸载或重新渲染之前执行
      // 取消订阅或清理副作用操作
      if (typeof promise.cancel === 'function') {
        promise.cancel(); // 取消Promise操作
      }
    };
  }, []);

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

export default MyComponent;