title: Trouble hiding nav bar with react router
body: <p>I'm having trouble disabling the navbar when I'm in the sign up page. I only want the navbar to show after my user finishes login which has the route '/ '. Any help would be much appreciated.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  render() {
      return (
          &lt;App&gt;
            &lt;Main&gt;
              &lt;BrowserRouter&gt;
                  &lt;div&gt;
                      &lt;nav className="navbar navbar-expand-lg navbar-light bg-light"&gt;
                          &lt;ul className="navbar-nav"&gt;
                              &lt;li className="nav-item"&gt;
                                  &lt;NavLink to={"/"} className="nav-link" href="#"&gt;Log In&lt;/NavLink&gt;
                              &lt;/li&gt;
                              &lt;li className="nav-item"&gt;
                                  &lt;NavLink to={"/home"} className="nav-link" href="#"&gt;Home&lt;/NavLink&gt;
                              &lt;/li&gt;
                              &lt;li className="nav-item"&gt;
                                  &lt;NavLink to={"/"} className="nav-link" href="#"&gt;Log Out&lt;/NavLink&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/nav&gt;
                      &lt;div className="content"&gt;
                          &lt;Route exact path="/" render={() =&gt; &lt;Splash /&gt;} /&gt;
                          &lt;Route exact path="/main" render={() =&gt; &lt;Main /&gt;} /&gt;
                          &lt;Route exact path="/signup" render={() =&gt; &lt;Signup /&gt;} /&gt;
          
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/BrowserRouter&gt;
            &lt;/Main&gt;
          &lt;/App&gt;
      );
  }</code></pre>
  </div>
  </div>
  </p>