title: How to hide header component in react-router-dom?
body: <p>I am having a React app like this one <a href="https://codesandbox.io/s/vvokl2yjnl" rel="noreferrer">here</a> I want to hide the global header component from page like Login and Signup. I can't find any approach for this in React-Router-v4 over internet. Could anybody please shed some light on me to proceed further?</p>
  
  <pre><code>const App = () =&gt; (
    &lt;Router&gt;
      &lt;div className="app-wrapper"&gt;
        &lt;Header /&gt;
        &lt;main&gt;
          &lt;Route path="/" exact component={Home} /&gt;
          &lt;Route path="/login" exact component={Login} /&gt;
          &lt;Route path="/contact" component={Contact} /&gt;
        &lt;/main&gt;
        &lt;footer&gt;
          &amp;copy; Acme Inc. 2017
        &lt;/footer&gt;
      &lt;/div&gt;
    &lt;/Router&gt;
  );
  </code></pre>