title: Automatically Scroll to rendered element after setState in React.js
body: <p>Suppose i have some setState declarations on list items on top of page as follows:</p>
  
  <pre><code>&lt;DropdownMenu &gt;
      &lt;DropdownItem className="channel-setting__btn"
        onClick={() =&gt; this.setState({ facebookFields: true, youtubeFields: true })}&gt;All&lt;/DropdownItem&gt;
  
      &lt;DropdownItem
        className="channel-setting__btn"
        onClick={() =&gt; this.setState({ facebookFields: true, youtubeFields: false })}&gt;Facebook
      &lt;/DropdownItem&gt;
  
      &lt;DropdownItem
        className="channel-setting__btn"
        onClick={() =&gt; this.setState({ facebookFields: false, youtubeFields: true })}&gt;Youtube
      &lt;/DropdownItem&gt;
  
  &lt;/DropdownMenu&gt;
  </code></pre>
  
  <p>Is there any way that when ever i click on DropDownItem then whatever the DOM Element has rendered the page automatically scrolls smoothly to that section or wherevever the element has rendered on page, in this cas the Elements are Different forms for facebook and youtube which will render at the very end and far too close to the end of page.</p>