0

tengo un problema, estoy usando un token para cancelar la ultima peticion con axios, este es mi codigo export const filteredCards = (query) => {

    export const filteredCards = (query) => {


 let { limit } = query;
    const url = `https://api.coingecko.com/api/v3/coins/list4/${limit}`
    console.log(url);
    const controller = new AbortController();
        const signal = controller.signal;
        console.log('from resposne::')
        axios.get(url, {
            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);
        })
}

el problema es que no me cancela nada, y en mi barra de busqueda me devuelve la peticion actual + la anterior, no se cual es el problema, esto lo tengo en un archivo externo y lo importo a mi componente

2
  • 1
    Que versión de axios estás usando? que yo sepa, la propiedad cancelToken está deprecated, deberías usar abortController. axios-http.com/docs/cancellation
    – Pipe
    Commented el 15 feb. 2022 a las 10:18
  • ya la cambie tampoco funciona, de hecho me regresa undefined, ahora actualizo mi pregunta
    – Invited
    Commented el 15 feb. 2022 a las 10:50

1 respuesta 1

0

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);
    })
}
3
  • asi si funciona, el problema ahora es que cancela cualquier busqueda que haga y me devuelve un arreglo vacio
    – Invited
    Commented el 15 feb. 2022 a las 18:00
  • 1
    Oh, olvidé que el AbortController no se puede reusar una vez abortado. Debes crear un nuevo abortController para cada peticion. Ya actualicé mi respuesta. Saludos.
    – Pipe
    Commented el 15 feb. 2022 a las 19:46
  • gracias, me costo un poco entender pero si pude implementarlo
    – Invited
    Commented el 17 feb. 2022 a las 5:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.