如何在react钩子中清理promise数据？

const [promiseData, setPromiseData] = useState(null);

useEffect(() => {
  const fetchData = async () => {
    try {
      const data = await someAsyncFunction();
      setPromiseData(data);
    } catch (error) {
      // 处理错误
    }
  };

  fetchData();

  // 清理函数，当组件卸载或重新渲染时调用
  return () => {
    // 取消或清理Promise操作
    // 例如，如果使用axios进行异步请求，可以使用axios的取消令牌来取消请求
    // axios.cancelToken.source().cancel();
  };
}, []);

import axios from 'axios';

// ...

useEffect(() => {
  const source = axios.CancelToken.source();

  const fetchData = async () => {
    try {
      const response = await axios.get('https://api.example.com/data', {
        cancelToken: source.token,
      });
      setPromiseData(response.data);
    } catch (error) {
      // 处理错误
    }
  };

  fetchData();

  return () => {
    source.cancel('Component unmounted or re-rendered');
  };
}, []);