title: How do I dynamically set HTML5 data- attributes using react?
body: <p>I'd like to render an HTML5 attribute of a <code>&lt;select&gt;</code> input so that I can use jquery image picker with react. My code is:</p>
  
  <pre><code>var Book = React.createClass({
      render: function() {
          return (
              &lt;option data-img-src="{this.props.imageUrl}" value="1"&gt;{this.props.title}&lt;/option&gt;
  </code></pre>
  
  <p>The issue is that even though <code>{this.props.imageUrl}</code> is getting properly passed as a <code>prop</code>, it isn't rendering in the HTML - it just renders as <code>{this.props.imageUrl}</code>. How can I make the variable pass through properly into the HTML?</p>