小能豆

如何使用 React 动态设置 HTML5 数据属性?

javascript

我想渲染<select>输入的 HTML5 属性,以便我可以使用带有 React 的 jquery 图像选择器。我的代码是:

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 中?


阅读 39

收藏
2024-06-06

共1个答案

小能豆

您不应该将 JavaScript 表达式括在引号中。

<option data-img-src={this.props.imageUrl} value="1">{this.props.title}</option>
2024-06-06