我想渲染<select>输入的 HTML5 属性,以便我可以使用带有 React 的 jquery 图像选择器。我的代码是:
<select>
var Book = React.createClass({ render: function() { return ( <option data-img-src="{this.props.imageUrl}" value="1">{this.props.title}</option>
问题是,尽管{this.props.imageUrl}被正确地传递为prop,但它并没有在 HTML 中呈现 - 它只是呈现为{this.props.imageUrl}。我怎样才能让变量正确地传递到 HTML 中?
{this.props.imageUrl}
prop
您不应该将 JavaScript 表达式括在引号中。
<option data-img-src={this.props.imageUrl} value="1">{this.props.title}</option>