0

Se que la pregunta es complicada pero basicamente es lo siguiente:

  1. hago el llamado a una api que me devuelve un array de objetos

  2. en la promesa de la api debo iterar este array para llamar a otro api

  3. esto se hace para hacer match y crear un array con los datos del primer array y complementar con el segundo

el codigo queda asi

llamadoAPI1().then(response =>{
  let arreglo1:array = response.data;
  let arregloModificado:array=[];
  arreglo1.map(row =>{
        llamadoAPI2(row.id).then(response =>{  
        arregloModificado.push({response.data})  
      })
  })

})

todo bien hasta ahi, mi problema es cuando lo quiero renderizar, como el componente se renderiza antes de que la iteración termina, para cuando ya se recorre el arreglo entero, el componente ya se rendereo

quise obviar el hecho de que se usan state (useState) para asignar valor a las respuesta, estoy usando react js con typescript y hook

de que manera lo harian ustedes?

3
  • Hola amigo, deberías inicializar el objeto que despliega en el render con un []. luego, actualizar el estado al terminar el segundo proceso, aplicando setState() a la variable de tu objeto que usas para render. Normalmente para actualizar datos que puedan obtenerse asíncronamente puedes usar el hook componentDidMount. para poder apoyarte con el código por favor publícalo. Commented el 9 ene. 2020 a las 22:47
  • Puedes intentar usar async y await para evitar confusiones Commented el 10 ene. 2020 a las 13:03
  • Te aparece un error? podrias hacer un lazy loading, para que mientras haces la iteracion se muestre un "cargando..."
    – Isaac
    Commented el 13 ene. 2020 a las 21:58

0

Tu Respuesta

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

Examina otras preguntas con la etiqueta o formula tu propia pregunta.