title: How to use normal anchor links with react-router
body: <p>Very similar to <a href="https://stackoverflow.com/questions/14712223/how-to-handle-anchor-hash-linking-in-angularjs">this angular question</a>: how do I use anchor links for in-page navigation when using react-router?</p>
  
  <p>In other words, how do I implement the following plain HTML when using react-router?</p>
  
  <pre><code>&lt;a href="#faq-1"&gt;Question 1&lt;/a&gt;
  &lt;a href="#faq-2"&gt;Question 2&lt;/a&gt;
  &lt;a href="#faq-3"&gt;Question 3&lt;/a&gt;
  
  &lt;h3 id="faq-1"&gt;Question 1&lt;/h3&gt;
  &lt;h3 id="faq-2"&gt;Question 2&lt;/h3&gt;
  &lt;h3 id="fa1-3"&gt;Question 3&lt;/h3&gt;
  </code></pre>
  
  <p>Currently I intercept clicks on such links, and scroll to the anchor position.  This isn't satisfactory, because it means it's impossible to link directly to some section of a page.</p>