title: Make Switch component respect URL fragments with React Router?
body: <p>How can I do hash routing with React Router?</p>
  
  <p>This works fine:</p>
  
  <pre><code>return (
        &lt;div&gt;
          &lt;div&gt;
            &lt;Link to="/one"&gt;One&lt;/Link&gt;
            &lt;Link to="/two"&gt;Two&lt;/Link&gt;
          &lt;/div&gt;
          &lt;Switch&gt;
            &lt;Route exact path="/one" component={One} /&gt;
            &lt;Route exact path="/two" component={Two} /&gt;
            &lt;Route component={Three} /&gt;
          &lt;/Switch&gt;
        &lt;/div&gt;
      );
  </code></pre>
  
  <p>However this always renders component Three: </p>
  
  <pre><code>return (
        &lt;div&gt;
          &lt;div&gt;
            &lt;Link to="/#one"&gt;One&lt;/Link&gt;
            &lt;Link to="/#two"&gt;Two&lt;/Link&gt;
          &lt;/div&gt;
          &lt;Switch&gt;
            &lt;Route exact path="/#one" component={One} /&gt;
            &lt;Route exact path="/#two" component={Two} /&gt;
            &lt;Route component={Three} /&gt;
          &lt;/Switch&gt;
        &lt;/div&gt;
      );
  </code></pre>
  
  <p>Do I need the hash router for this? I don't find the docs very clear: </p>
  
  <p><a href="https://reacttraining.com/react-router/web/api/HashRouter" rel="nofollow noreferrer">https://reacttraining.com/react-router/web/api/HashRouter</a>     </p>