React.js: Set innerHTML vs dangerouslySetInnerHTML : <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>
