title: React HashRouter 4.2 header and footer on some routes
body: <p>How do I nest routes so I show a header and footer on some pages?</p>
  
  <p>I have this code:</p>
  
  <pre><code>&lt;HashRouter&gt;
    &lt;Switch&gt;
      &lt;Route exact path="/" component={Home} /&gt;
      &lt;Route exact path="/about" component={About} /&gt;
      &lt;Route path="/rlogin" component={ReceiverLoginForm} /&gt;
      &lt;Route path="/profile" component={Profile} /&gt;
      &lt;Route path="/details" component={Details} /&gt;
    &lt;/Switch&gt;
  &lt;/HashRouter&gt;
  </code></pre>
  
  <p>I also have a <code>&lt;Header&gt;</code> and <code>&lt;Footer&gt;</code> component that I want to display on all pages except the <code>Home</code> and <code>About</code> pages.</p>
  
  <p>How do I do that?  I can't figure out how to nest routes or anything like that...</p>