Componente de enlace
Se utiliza para crear enlaces que permiten navegar en diferentes URL y cuando hacemos clic en cualquiera de ese enlace en particular , debe cargar esa página que está asociada con esa ruta sin recargar la página.
Ejemplo:
Componente NavLink:
Si, queremos agregar algunos estilos al enlace. De modo que cuando hacemos clic en cualquier enlace en particular, se puede identificar fácilmente qué enlace está activo. Para esta reacción, el enrutador proporciona NavLink en lugar de
Link . Ahora reemplace Link de Navlink y agregue propiedades activeStyle . Las propiedades activeStyle significan que cuando hacemos clic en el enlace, debe resaltarse con un estilo diferente para que podamos diferenciar qué enlace está actualmente activo.
Ejemplo:
Ref: https://www.javatpoint.com/react-router
NavLink
mantiene el enfoque adecuado en la página para la accesibilidad. Al usar el enlace, el enfoque inicial se pierde en la carga de la página y también notará que la tabulación a través de los menús desplegables también se rompe cuando se usaLink
. NavLink corrige esto.