reactjs - hashrouter - Beneficios de React Router v4<NavLink> vs<Link>

redirect react router v4

Question

Además de la capacidad de establecer un "activeClassName" y "activeStyle" en NavLink, ¿hay alguna razón para usar NavLink sobre Link al crear enlaces a otras rutas en elementos que no sean de navegación (es decir, no la navegación principal en el encabezado o pie de página) en su sitio? que no necesita un estado / clase activa?

Answer 1

Cuando necesite usar atributos de estilo o clase en <Link> activo, puede usar <NavLink>

Veamos el ejemplo:

Enlazar

<Link to="/">Home</Link>

NavLink

<NavLink to="/" activeClassName="active">Home</NavLink>

Answer 2

La documentación oficial es clara:

<NavLink>

Una versión especial de <Link> que agregará atributos de estilo al elemento representado cuando coincida con la URL actual.

Por lo tanto, la respuesta es NO . No hay otras razones, excepto la mencionada.

Answer 3

Simplemente, cuando usa Link no hay ninguna clase activa en el elemento seleccionado. En contraste, con NavLink, el elemento seleccionado se resalta porque a este elemento se le agrega una clase activa. Espero sea útil para ti.