title: React.js: Stop render from scrolling to top of page
body: <p>Every time you perform a render in React.js, the UI scrolls to the top of the page. </p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/bengrunfeld/dcfy5xrd/" rel="noreferrer">http://jsfiddle.net/bengrunfeld/dcfy5xrd/</a></p>
  
  <p>Any nifty or <em>reactive</em> way to stop that? </p>
  
  <p>E.g. If a User scrolls down the page, then pushes a button which causes a Render, the UI would stay in the same scroll location as before.</p>
  
  <pre><code>// Forces a render which scrolls to top of page
  this.setState({data: data});
  </code></pre>
  
  <p>UPDATE: Why does the UI scroll to the top for some renders, but not others?</p>