Skip to main content
Arregle la solucion
Origen Enlace
Pipe
  • 3.3k
  • 1
  • 10
  • 10

pero el abortController no funciona "solo". Debes indicarle que debe abortar la peticciónpetición:

constlet controller = new AbortController();null;
export const filteredCards = (query) => {
    if(controller){
        controller.abort(); //Cancelas cualquier request pendiente
    }
    controller = new AbortController();
    let { limit } = query;
    const url = `https://api.coingecko.com/api/v3/coins/list4/${limit}`
    console.log(url);

    console.log('from resposne::')
    axios.get(url, {
        signal: controller.signal
    })
    .then(response => {
        console.log('from resposne::', response)
        setFetchData(response);
        setIsLoading(false);
    })
    .catch(error => {
        if(axios.isCancel(error)) {
            console.log('Request canceled', error.message)
            return
        }
        setIsLoading(false);
    })
}

pero el abortController no funciona "solo". Debes indicarle que debe abortar la peticción:

const controller = new AbortController();
export const filteredCards = (query) => {
    if(controller){
        controller.abort(); //Cancelas cualquier request pendiente
    }
    let { limit } = query;
    const url = `https://api.coingecko.com/api/v3/coins/list4/${limit}`
    console.log(url);

    console.log('from resposne::')
    axios.get(url, {
        signal: controller.signal
    })
    .then(response => {
        console.log('from resposne::', response)
        setFetchData(response);
        setIsLoading(false);
    })
    .catch(error => {
        if(axios.isCancel(error)) {
            console.log('Request canceled', error.message)
            return
        }
        setIsLoading(false);
    })
}

pero el abortController no funciona "solo". Debes indicarle que debe abortar la petición:

let controller = null;
export const filteredCards = (query) => {
    if(controller){
        controller.abort(); //Cancelas cualquier request pendiente
    }
    controller = new AbortController();
    let { limit } = query;
    const url = `https://api.coingecko.com/api/v3/coins/list4/${limit}`
    console.log(url);

    console.log('from resposne::')
    axios.get(url, {
        signal: controller.signal
    })
    .then(response => {
        console.log('from resposne::', response)
        setFetchData(response);
        setIsLoading(false);
    })
    .catch(error => {
        if(axios.isCancel(error)) {
            console.log('Request canceled', error.message)
            return
        }
        setIsLoading(false);
    })
}
Origen Enlace
Pipe
  • 3.3k
  • 1
  • 10
  • 10

pero el abortController no funciona "solo". Debes indicarle que debe abortar la peticción:

const controller = new AbortController();
export const filteredCards = (query) => {
    if(controller){
        controller.abort(); //Cancelas cualquier request pendiente
    }
    let { limit } = query;
    const url = `https://api.coingecko.com/api/v3/coins/list4/${limit}`
    console.log(url);

    console.log('from resposne::')
    axios.get(url, {
        signal: controller.signal
    })
    .then(response => {
        console.log('from resposne::', response)
        setFetchData(response);
        setIsLoading(false);
    })
    .catch(error => {
        if(axios.isCancel(error)) {
            console.log('Request canceled', error.message)
            return
        }
        setIsLoading(false);
    })
}