navlink active style
link active style
xxxxxxxxxx
style={({inActive})=>{return{color: inActive ? "red" : "blue"}}}
xxxxxxxxxx
import { NavLink } from "react-router-dom";
<NavLink
to="/messages"
className={({ isActive, isPending }) =>
isPending ? "pending" : isActive ? "active" : ""
}
>
Messages
</NavLink>;