Ejercicio de programación: Reto Solicitudes HTTP con Fetch API
Este ejercicio de programación está diseñado para poner a prueba tus conocimientos en React. Es un ejercicio de nivel intermedio que requiere conocimientos sólidos de la tecnología.
Información adicional del ejercicio
Implementar una solicitud GET básica usando fetch API para obtener datos de una API externa y mostrarlos en un componente React.
Contenido del ejercicio
Crea un componente React que realice una solicitud HTTP GET a la API de JSONPlaceholder para obtener una lista de usuarios y mostrar sus nombres en pantalla.
Debes:
- Usar el hook
useState
para almacenar la lista de usuarios y posibles errores - Usar el hook
useEffect
para realizar la solicitud cuando el componente se monte - Realizar la solicitud GET a la URL:
https://jsonplaceholder.typicode.com/users
- Verificar que la respuesta sea exitosa usando
response.ok
- Convertir la respuesta a JSON y almacenar los datos en el estado
- Manejar errores usando try/catch y mostrar un mensaje de error si algo falla
Si hay un error, muestra el mensaje: "Error al cargar usuarios: [mensaje del error]"
Mientras se cargan los datos, muestra: "Cargando usuarios..."
Recuerda usar async/await para manejar la operación asíncrona dentro de useEffect.
Lección relacionada
Este ejercicio está relacionado con la lección "Solicitudes HTTP con Fetch API" de React. Te recomendamos revisar la lección antes de comenzar.
Ver lección relacionadaMás ejercicios de React
Explora más ejercicios de programación en React para mejorar tus habilidades y obtener tu certificación.
Ver más ejercicios de ReactSolución al ejercicio de programación en React
¡Desbloquea la solución completa!
Completa el ejercicio de programación en React para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.
Practica con ejercicios de programación en React
Mejora tus habilidades con cientos de ejercicios de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.
Asistente de IA
Aprende de tus errores
Progreso
Mide tu avance
Certificación
Valida tus habilidades
Únete a miles de desarrolladores mejorando sus habilidades en React