Ahora que ya vimos un nuevo custom hook, es momento de ponerlo en práctica. Para ello, retomaremos el ejercicio de la clase anterior, pero realizaremos algunas modificaciones.
Para comenzar, nos enfocaremos únicamente en el componente FetchData. En dicho componente, hemos modificado la URL a la cual solicitaremos la información sobre las citas. En esta oportunidad, la API nos devolverá no una, sino un array de citas.
Nuestra tarea, consiste en implementar un custom hook de paginación, para poder mostrar de a 5 citas al mismo tiempo. No solo deberás ocuparte de la paginación, sino que será necesario que adaptes el componente para poder mostrar más de una cita a la vez.
Además deberás implementar los botones de "Anterior" y "Siguiente", para poder navegar entre las distintas páginas generadas.
Para realizar este ejercicio, puedes retomar lo visto en la clase de hoy. Adicionalmente, te dejamos este enlace que te será de ayuda en caso de que te queden dudas respecto de como implementar el custom hook.
Relizar primero npm install
Relizar segundo npm start
En caso de que el proyecto no poder hacer npm install
, actualizar a las versiones:
NPM 7.19.1
o superior
NODE 16.5.0
o superior.
¡A prgramar!