title: Scroll page to the nested React component on a button click
body: <p>I've got a React Component with several nested components. For page navigation I have a few buttons on the top. 
  The question is, how to scroll the page to the nested react component when a certain button is clicked, is it possible to do so without using jquery libs?</p>
  
  <pre><code>  render() {
      return (
        &lt;div&gt;
          &lt;button onClick={(e) =&gt; { console.log('Scrolling to Item 1');}}&gt;Button0&lt;/button&gt;
          &lt;button onClick={(e) =&gt; { console.log('Scrolling to Item 2');}}&gt;Button1&lt;/button&gt;
            &lt;Layout&gt;
              &lt;Item&gt;
                &lt;Content&gt;
              ...
                &lt;/Content&gt;
              &lt;/Item&gt;
  
              &lt;Item&gt;
                &lt;Content&gt;
              ...
                &lt;/Content&gt;
              &lt;/Item&gt;
  
            &lt;/Layout&gt;
          }
        &lt;/div&gt;
      );
    }
  </code></pre>