title: react-router render menu when path does not match
body: <p>I'm using react-router and I want to render a menu component when the user is <strong>not in</strong> the root and not in the /login path.  This is what I have so far</p>
  
  <pre><code>        &lt;Route path="/:subpath" component={TopMenuComponent} /&gt;
          &lt;div&gt;
              &lt;Route
                  exact path="/"
                  render={props =&gt; (
                      &lt;LoginContainer {...props} setTitle={this.setTitle} /&gt;
                  )}
              /&gt;               
              &lt;Route path='/landing' component={LandingComponent} /&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p> takes care of not rendering the TopMenuComponent component in the '/' location, however how do I avoid it rendering TopMenuComponent when the user is in the /login path?  I could always create another component and wrap it up, but I think that is too much just for this.</p>