title: set color to Reactsrap Navlink
body: <p>I would like to set color "white" to my react component (Navlink).
  Home and logs link are always dark :(
  The white color is never set.
  I use Reacstrap, Bootstap 4.
  I separate js with css
  Here my code :</p>
  
  <p>Sidebar.js</p>
  
  <pre><code>import React from 'react';
  import { NavLink as RouterNavLink } from 'react-router-dom';
  import { Collapse, Navbar, NavbarToggler, NavbarBrand, Nav, NavItem, NavLink 
  } from 'reactstrap';
  import './Sidebar.css';
  
  export default class Sidebar extends React.Component {
  constructor(props) {
  super(props);
  this.toggleNavbar = this.toggleNavbar.bind(this);
  this.state = {
    collapsed: true
  };
  }
  toggleNavbar() {
  this.setState({
    collapsed: !this.state.collapsed
  });
  }
  render() {
  return (
    &lt;div className="sidebar"&gt;
       &lt;Navbar color="faded" light&gt;
        &lt;NavbarToggler onClick={this.toggleNavbar} className="mr-2" /&gt;
        &lt;NavbarBrand href="/" className="mr-auto"&gt;&lt;/NavbarBrand&gt;
  &lt;Collapse isOpen={!this.state.collapsed} navbar&gt;
          &lt;Nav navbar&gt;
            &lt;NavItem&gt;
              &lt;NavLink tag={RouterNavLink} to="/"className="test"&gt;Home&lt;/NavLink&gt;
            &lt;/NavItem&gt;
            &lt;NavItem&gt;
              &lt;NavLink tag={RouterNavLink} to="/logs"&gt;Logs&lt;/NavLink&gt;
            &lt;/NavItem&gt;
          &lt;/Nav&gt;
        &lt;/Collapse&gt;
      &lt;/Navbar&gt;
    &lt;/div&gt;
  );
  }
  }
  </code></pre>
  
  <p>and Sidebar.css</p>
  
  <pre><code>.sidebar {
  display: flex;
  flex-direction: column;
  background:  #29363d;
  width: 200px;
  height: 844px;
  }
  .test {
  font-family: sans-serif;
  color: #fff;
  }
  </code></pre>