Use 'active' state from React Router in Styled Components

Question

React Router adds an active class to NavLinks when you are on the page that they link to. How can I access this property with Styled Components. I need to styled me

Answer 1

The string you added to NavLink's activeClassName will join to className later when you hit the specific route. Since styled components support pure css,

&.{yourActiveClassName} { #css goes here}

should work.