title: React keeps escaping the amp character (&) in attributes
body: <p>I have a component with a <code>data-icon</code> attribute. The value of this attribute should be, for instance, <code>&amp;#xf00f</code> so that css can render it via <code>content: attr( data-icon );</code>.</p>
  
  <p>However, whatever I try: React keeps escaping to <code>&amp;amp;</code>. Even when I provide the proper unicode character <code>\u0026#xf00f</code>.</p>
  
  <p>Is there some way to stop React from messing with that value? Besides dangerously setting inner html, as I do not want to add another wrapper.</p>
  
  <p><strong>Component</strong></p>
  
  <pre><code>define( [ 'react', 'util' ], function( React, Util )
  {
      return React.createClass(
      {
          render: function()
          {
              //var amp = '\u0026',
              var amp = String.fromCharCode( 38 ),    
              // Util.icons[x] returns a String, such as "f00f"
              code = amp + '#x' + Util.icons[this.props.name] + ';';
  
              return (
                  &lt;i data-icon={code}&gt;
                      {this.props.children ? &lt;span&gt;{this.props.children}&lt;/span&gt; : null}
                  &lt;/i&gt;
              );
          }
      } );
  } );
  </code></pre>
  
  <p><strong>Usage</strong></p>
  
  <pre><code>&lt;Widget.Icon name="add" /&gt;
  </code></pre>
  
  <p><strong>Output</strong></p>
  
  <pre><code>&lt;i data-icon="&amp;amp;#xf0fb;" data-reactid=".170lse36465.7.0"&gt;&lt;/i&gt;
  </code></pre>