我正在尝试取消任何先前/待处理的请求，如果它们花费的时间太长并且用户导航到另一个组件，当前查询采用状态值，并且当它更改组件时重新呈现这很好并且期望的行为. 但是，在网络选项卡中查看请求仍处于待处理状态。有没有办法在react查询中取消任何以前的请求。我已经尝试根据文档取消查询，但它不正确，因为它没有取消。

  const [value, setValue] = React.useState<boolean>(false);

  const getData = async (value: number): Promise<any> => {
    const CancelToken = axios.CancelToken
    const source = CancelToken.source()
    const response = await axios.get(`https://xxxxxx?value=${value}`, {
        cancelToken: source.token,
    }).then(res => res.data);
    if (CancelToken) {
        response.cancel = () => {
            source.cancel('Query was cancelled by React Query')
        }
    }
    return response;
}

const { data: result, status, error, isFetching }: any = useQuery(['getData', value], () => getData(value),
    {
        refetchOnWindowFocus: false,
    }
);