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

react-router now has activeStyle props, which can be used to style active link easily:

  FAQs

With styled-components:

const LinkElem = styled(NavLink)`
  font-size: 16px;
  font-weight: 400;
`;

;