title: Ascii/HTML character code doesn't work within React variable
body: <p>I have the ascii/html code of a checkmark: &#10004;</p>
  
  <pre><code>&amp;#10004;
  </code></pre>
  
  <p>In react if I go:</p>
  
  <pre><code>&lt;div&gt;&amp;#10004;&lt;/div&gt;
  </code></pre>
  
  <p>then it works. but if I go</p>
  
  <pre><code>var str = '&amp;#10004;';
  &lt;div&gt;{str}&lt;/div&gt;
  </code></pre>
  
  <p>it doesn't. It shows up as <code>&amp;#10004;</code></p>
  
  <p>any ideas?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>class Hello extends React.Component {
    render() {
      var checkmark = '&amp;#10004;';
    
      return &lt;div&gt;Hello {checkmark}&lt;/div&gt;;
    }
  }
  
  ReactDOM.render(
    &lt;Hello /&gt;,
    document.getElementById('container')
  );</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"&gt;&lt;/script&gt;
  &lt;div id="container"/&gt;</code></pre>
  </div>
  </div>
  </p>