title: Jumping to specific location in a page in react
body: <p>I need to go to a specific line on page, when clicking on a button. How can it be done using react-router.I have :</p>
  
  <pre><code>&lt;Grid xs={3}&gt;    
    &lt;Button&gt;heading&lt;/Button&gt;
    &lt;Button&gt;Heading2&lt;/Button&gt;
  &lt;/Grid&gt;
  &lt;Grid xs={3}&gt;    
    &lt;h1&gt;heading&lt;/h1&gt;
    &lt;p&gt;Paragraph&lt;/p&gt;
    &lt;h2&gt;Heading2&lt;/h2&gt;
    &lt;p&gt;Paragraph2&lt;/p&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>When clicking on heading button, it should jump to the relevant place in 2nd grid. How it can be done. I referred, <a href="https://stackoverflow.com/questions/28590040/how-to-use-react-router-to-jump-to-specific-location-in-the-page">How to use react-router to jump to specific location in the page</a> as well. </p>