title: How to use forceUpdate() correctly?
body: <p>I'm trying to periodically reload an iframe but i'm using React so i can't manipulate the DOM directly. It seems like my best option is to use forceUpdate() because the url isn't changing so i can't use a state change to update it (See previous post here <a href="https://stackoverflow.com/questions/41576794/whats-the-best-way-to-periodically-reload-an-iframe-with-react">What&#39;s the best way to periodically reload an iframe with React?</a>). 
  However when i try doing a forceUpdate() it doesn't re-render my component. Any ideas as to why?</p>
  
  <pre><code>var Graph = React.createClass({
  componentDidMount: function() {
      setInterval(function(){
          this.forceUpdate();
      }.bind(this), 5000);
  },
  render() {
      return (
          &lt;iframe src="http://play.grafana.org/dashboard/db/elasticsearch-metrics" width="1900px" height="700px"/&gt;
      )
  }
  </code></pre>
  
  <p>});</p>
  
  <p>See the codepen here: <a href="http://codepen.io/anon/pen/ggPGPQ" rel="noreferrer">http://codepen.io/anon/pen/ggPGPQ</a></p>
  
  <p>**I know grafana can be set to auto update, i'm just using this as an example iframe.   </p>