title: React.js: Set innerHTML vs dangerouslySetInnerHTML
body: <p>Is there any "behind the scenes" difference from setting an element's innerHTML vs setting the dangerouslySetInnerHTML property on an element? Assume I'm properly sanitizing things for the sake of simplicity.</p>
  
  <p>Example:</p>
  
  <pre><code>var test = React.createClass({
    render: function(){
      return (
        &lt;div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}&gt;&lt;/div&gt;
      );
    }
  });
  </code></pre>
  
  <p>vs</p>
  
  <pre><code>var test = React.createClass({
    componentDidUpdate: function(prevProp, prevState){
      this.refs.test.innerHTML = "Hello";
    },
    render: function(){
      return (
        &lt;div contentEditable='true' ref='test'&gt;&lt;/div&gt;
      );
    }
  });
  </code></pre>
  
  
  
  <p>I'm doing something a bit more complicated than the above example, but the overall idea is the same</p>