如何使用react动态设置HTML5数据属性？

我想呈现<select>输入的HTML5属性，以便可以将jquery图像选择器与react一起使用。我的代码是：

var Book = React.createClass({
    render: function() {
        return (
            <option data-img-src="{this.props.imageUrl}" value="1">{this.props.title}</option>

问题是即使{this.props.imageUrl}正确地以a形式传递prop，它也不会在HTML中呈现-只是呈现为{this.props.imageUrl}。如何使变量正确传递到HTML？