Closed RosselloAgustin closed 1 year ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
ghibli-api-platform | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Jul 18, 2023 7:54pm |
Edit:
Hola de nuevo! Acá va una update de mi tarea del "Navbar inteligente":
useLocation
de React Router Dom. Para su correcto uso lo único que tuve que hacer fue poner un useEffect y en el array de dependencias poner[location]
. De esta manera podemos identificar en que ruta estamos posicionadoslocation.pathname === "/rutaElegida"
.map()
y elactive
de Navlink para darle el bg que corresponda en cada<li>
Para que la tarea sea aprobada me parece que todavia me falta hacer de esto una funcion que optimice el proceso y sea escalable. ¿Que debo tener en cuenta para hacerlo?
PD: Para que puedan visualizar el dinamismo de los estilos dependiendo la ruta, puse colores random a modo de demostración. PD2: La verdad que la documentación que pasó Josué fue de gran ayuda. Ténganla en cuenta!