title: Hide collapse navbar after link click, react-redux, react-bootstrap
body: <p>I'm beginner in react, so, need your help.
  I used collapsible bootstrap navbar, have no ideas how to make it collapse after link click on mobile. Native bootsrap property collapseOnSelect not working, or i did something wrong.</p>
  
  <pre><code>const  AppBar = () =&gt; (
    &lt;Navbar collapseOnSelect&gt;
      &lt;Navbar.Header&gt;
        &lt;Navbar.Brand&gt;
          &lt;div className="logo-wrap"&gt; 
            &lt;Link to="define"&gt; 
              &lt;img height='50' src='./../assets/img/logo.png' className="logo"/&gt; 
            &lt;/Link&gt; 
          &lt;/div&gt; 
        &lt;/Navbar.Brand&gt;
        &lt;Navbar.Toggle /&gt;
      &lt;/Navbar.Header&gt;
      &lt;Navbar.Collapse&gt;
        &lt;Nav&gt;
          &lt;LinkContainer to="define" className="nav-link"&gt;&lt;NavItem eventKey={1}&gt;Home&lt;/NavItem&gt;&lt;/LinkContainer&gt;
          &lt;LinkContainer to="about" className="nav-link"&gt;&lt;NavItem eventKey={1}&gt;About&lt;/NavItem&gt;&lt;/LinkContainer&gt;
          &lt;LinkContainer to="features" className="nav-link"&gt;&lt;NavItem eventKey={1}&gt;Features&lt;/NavItem&gt;&lt;/LinkContainer&gt;
          &lt;LinkContainer to="pricing" className="nav-link"&gt;&lt;NavItem eventKey={1}&gt;Pricing&lt;/NavItem&gt;&lt;/LinkContainer&gt;
          &lt;LinkContainer to="areaMap" className="nav-link"&gt;&lt;NavItem eventKey={1}&gt;Area Map&lt;/NavItem&gt;&lt;/LinkContainer&gt;
        &lt;/Nav&gt;
        &lt;Nav pullRight&gt;        
          &lt;LinkContainer to="login" className="nav-link"&gt;&lt;NavItem eventKey={2}&gt;Log In&lt;/NavItem&gt;&lt;/LinkContainer&gt;
          &lt;LinkContainer to="registration"&gt;&lt;NavItem eventKey={2}&gt;&lt;Button className="sign-up"&gt;Sign Up&lt;/Button&gt;&lt;/NavItem&gt;&lt;/LinkContainer&gt;
        &lt;/Nav&gt;
      &lt;/Navbar.Collapse&gt;
    &lt;/Navbar&gt;
  );
  
  
  export default AppBar;
  </code></pre>