Active link with React-Router?

Question

I\'m trying out React-Router (v4) and I\'m having issues starting off the Nav to have one of the Link\'s be active. If I click on any of the

Answer 1

no longer has the activeClassName or activeStyle properties. In react-router v4 you have to use if you want to do conditional styling:

const Router = () => (
  
    

      

        Home
        About
      

      
      
      
    
  
)

I added an exact property to the home , I'm fairly sure that without it, the home link would always be active since / would match /about and any other pages you have.