title: Conditional rendering with React Router
body: <p>I'd like to render some routes with a nav at the top, while rendering other routes (like a sign-up / sign-in page) without any nav.</p>
  
  <p><a href="https://i.stack.imgur.com/gTYCa.png" rel="noreferrer"><img src="https://i.stack.imgur.com/gTYCa.png" alt="render example with react router"></a></p>
  
  <p>For the setup with the nav, I have:</p>
  
  <pre><code>const App = () =&gt; (
    &lt;Router&gt;
      &lt;div&gt;
        &lt;Nav /&gt;
        &lt;div&gt;
          &lt;Route exact path="/" component={Home} /&gt;
          &lt;Route path="/account" component={Account} /&gt;
          &lt;Route path="/news" component={News} /&gt;
        &lt;/div&gt;
        &lt;Footer /&gt;
      &lt;/div&gt;
    &lt;/Router&gt;
  );
  </code></pre>
  
  <p>I'm trying to find the best way of handling this with React Router (seems like it would have to handled with some type of conditional maybe? - "if my current route matches any one of these routes, then render like so else render this.").</p>
  
  <p>Thanks!</p>