title: Don't render component on specific route
body: <p>I have a React-based web application that utilizes React Router to map pages to different URLs:</p>
  
  <pre><code>export const Container = () =&gt; (
      &lt;div&gt;
          &lt;SideNav/&gt;
          &lt;div&gt;
              &lt;Switch&gt;
                  &lt;Route path="/login" component={LoginView} /&gt;
                  &lt;Route path="/route1" component={RouteOne} /&gt;
                  &lt;Route path="/route2" component={RouteTwo} /&gt;
              &lt;/Switch&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  )
  </code></pre>
  
  <p>When any route gets hit, the sidebar gets rendered as well as the appropriate view. However, I am trying to build the layout such that for certain routes (such as "login"), the <code>SideNav</code> doesn't get rendered and the component (in this case, <code>LoginView</code>) is the only thing that gets rendered. In other words, <code>LoginView</code> should take over the <code>div</code> and be the only child of the top <code>div</code>.</p>
  
  <p>Is there anyway this can be done?</p>