0

Tengo una petición axios que realizo al buscar en un select:

const loadOptions=  async(inputValue, callback) =>{
const queryOptions = { filter: `contains(Name, '${inputValue}' )`};
const response = await axios
.post("http://localhost:3001/api/v1/all/RUBROS", queryOptions)
const json = await response.data.detailscallback(json.map(i=>({label:i.Name, value: i.Code})))}

Lo que hace el select es que busca al abrirlo, lo que quiero hacer es realizar la petición luego de unos segundos, por que si no se me disparan varías peticiones con cada caracter que introduzca el usuario. Hasta ahora no he encontrado nada con axios para poder realizarlo.

4
  • ¿Has intentado usar setTimeout?
    – Jaime
    Commented el 30 mar. 2022 a las 17:13
  • No se como implementarlo en la llamada axios Commented el 30 mar. 2022 a las 17:49
  • No se exactamente como tienes el resto de tu código, pero en donde sea que llames a la función loadOptions puedes retrasar su ejecución 5 segundos usando setTimeout(() => loadOptions(inputValue, callback), 5000);
    – Jaime
    Commented el 30 mar. 2022 a las 18:03
  • No entiendo lo de tipear. El select normal de html cambia cuando se elige alguna de sus options. Ahi es cuado al evento change deberias hacer la peticion. Commented el 30 mar. 2022 a las 20:25

2 respuestas 2

0

si quieres que se demore unos segundos al responder la petición podrías usar

setTimeout(function(){
    console.log("Hola Mundo");
}, 2000);

el valor 2000 hace referencia al tiempo que demora en responder en formato de de miliesegundo. el console.log("Hola Mundo"); remplazarlo con tu código.

1
  • No me funciona, ya que el select recibe un loadOptions={loadOptions} y no es posible pasarle una funcion Commented el 30 mar. 2022 a las 18:21
0

Si no es necesario usar un evento async, mejor usa un setTimeOut o un setInterval (el setTimeOut se ejecuta 1 sola vez pasado una cantidad de tiempo en segundo, por eso se llama time-out, y le setInterval se ejecuta cotinuamente hasta que lo interrumpas, se ejecuta en intervalos de segundos).

Así como te escribieron en un comentario anterios, tu código puedes usar un setTimeOut de 5 segundos (5000 ms) y lo tendrías resuelto en menos líneas de código.

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.