在React中取消Axios get请求

import axios from 'axios';

const CancelToken = axios.CancelToken;
const source = CancelToken.source();

axios.get('https://api.example.com/data', {
  cancelToken: source.token
})
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

source.cancel('请求被取消');

import React, { useEffect } from 'react';
import axios from 'axios';

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

    axios.get('https://api.example.com/data', {
      cancelToken: source.token
    })
      .then(response => {
        // 处理响应数据
      })
      .catch(error => {
        // 处理错误
      });

    // 在需要取消请求的地方调用cancel方法
    source.cancel('请求被取消');
  }, []);

  return (
    <div>
      {/* 组件内容 */}
    </div>
  );
};

export default MyComponent;