title: Active NavLink with Reactstrap and React Router Dom
body: <p>I'm building the navbar component for my application but I'm having problems with the activeClassName prop. It doesn't change any class or style when i change between the Links. I've tried everything I saw on Internet with no results. Maybe someone can give me an advice with this issue. </p>
  
  <p>My imports:</p>
  
  <pre><code>import React from 'react';
  import { NavLink as RRNavLink } from 'react-router-dom';
  import { Nav, NavItem, NavLink } from 'reactstrap';
  </code></pre>
  
  <p>This is the code I have so far:</p>
  
  <pre><code>    &lt;Nav className="navbar-logged"&gt;
        &lt;NavItem&gt;
          &lt;NavLink
            className="nav-link-gdc"
            activeClassName="active"
            to="/home"
            tag={RRNavLink}
          &gt;
              INICIO
          &lt;/NavLink&gt;
        &lt;/NavItem&gt;
        &lt;NavItem&gt;
          &lt;NavLink
            className="nav-link-gdc"
            activeClassName="active"
            to="/secondLink"
            tag={RRNavLink}
          &gt;
              secondLink
          &lt;/NavLink&gt;
        &lt;/NavItem&gt;
        &lt;NavItem&gt;
          &lt;NavLink
            className="nav-link-gdc"
            activeClassName="active"
            to="/thirdLink"
            tag={RRNavLink}
          &gt;
              thirdLink
          &lt;/NavLink&gt;
        &lt;/NavItem&gt;
      &lt;/Nav&gt;
  </code></pre>
  
  <p>Thank You</p>