0

Estoy consumiendo una api, que me retorna el nombre, email e imagen de un usuario. Pero al querer imprimir el valor de nombre, me dice undefined. Esta es la respuesta de la api

    const [usuarioi, setusuarioi] = useState([]);
    const obtenerUsuario = async () => {
    const resultado = await fetch(api + email2)
      .then((respuesta) => respuesta.json())
      .then(data => {
        setusuarioi(data)
      });
  };

  useEffect(() => {
    obtenerUsuario();  
  }, []);

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

3
  • Muy buenas Alan. Te da problema al acceder al nombre, pero ¿Has probado a imprimir que estas guardando en usuarioi?, ¿Es también undefined?. Ya que quizás no estas accediendo bien al nombre, así comprobamos si realmente esta guardando algo en usuarioi o no. Y si puedes pasa el código de como accedes o imprimes ese valor.
    – HiImJavivi
    Commented el 16 mar. 2022 a las 21:40
  • Buenas, usuarioi esta guardando bien. Lo que utilice para imprimir es, usuarioi para ver todo lo que tiene, y utilice usuarioi.nombre de esta forma es la que me dice undefined Commented el 16 mar. 2022 a las 21:44
  • @AlanGalvan Viendo el log del objeto, la sintaxis correcta debería ser usuarioi.usuario.nombre
    – Marcos
    Commented el 17 mar. 2022 a las 19:32

1 respuesta 1

-2
.then((data)=>{
  //Puedes validar si hace la peticion o no,
  if(data.usuario !== undefined){ //o data.main, lo que fuere
    const usuarioArray = {
      email: data.email,
      nombre: data.nombre
      //etc
    };
    setusuarioi(usuarioArray);
    //Aqui puedes usar tambien
    //Por si quieres agregar mas usuarios cada que hagas la peticion
    //setusuarioi(usuarioOld => [...usuarioOld, usuarioArray]);
  } else{
     alert("Usuario no encontrado")
  } 
}
5
  • Buenas, intente de esta forma, pero las propiedades de usuaroArray cuando lo imprimo son undefined Commented el 16 mar. 2022 a las 21:49
  • 2
    Responder sólo con código se considera de baja calidad. Haz clic en editar y argumenta tu respuesta. Saludos Commented el 16 mar. 2022 a las 21:51
  • Usa usuarioi.usuario.nombre
    – nomikugg
    Commented el 16 mar. 2022 a las 21:52
  • @nomikugg por favor agrega una explicación en tus respuestas, revisar [amswer]
    – Jorgesys
    Commented el 16 mar. 2022 a las 22:12
  • Tal y como está redactada, tu respuesta no es clara. Por favor, pulsa en editar para añadir detalles adicionales que ayuden a los demás a entender cómo esto responde a la pregunta formulada. Puedes encontrar más información sobre cómo escribir buenas respuestas en el centro de ayuda.
    – Comunidad Bot
    Commented el 16 mar. 2022 a las 23:28

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.