Un NavLink de react-router-dom solo funciona después de actualizar, no al hacer clic en el elemento de navegación.
<NavLink to="/test" activeClassName="active"> test </NavLink>No me sale ningún error en la página. Cuando hice clic en NavLink, actualicé mi URL pero no apliqué la clase activa, tengo que actualizar la página para obtener la clase activa en NavLink. Usando v5
Primero debe importar NavLink. Luego, puede configurar ActiveStyle directamente en los estilos que desee.
import { NavLink } from 'react-router-dom'; <NavLink to="/test" activeClassName="active"> Test </NavLink>Dale estilo a tu clase en el css por la propiedad activa:
.active{ color:#3895d3; }