将道具附加到已经存在的内联属性答案

【问题标题】：Appending a prop to an already existing attribute inline将道具附加到已经存在的内联属性
【发布时间】：2018-06-20 11:11:43
【问题描述】：

有没有办法将this.props 中的属性追加到已经存在的 HTML 元素的属性中，并做到 inline（以代码的名义-简单），没有任何变量/插件？

类似的东西（但显然我尝试附加的这一种和其他几种方式对我不起作用）：

render() {
    return (
        <div className="entity" id="ent"+{this.props.index}>bla</div>
    );
}

我确实知道我可以在之前声明一个变量，将 prop 附加到它上面，然后将它用作属性，但是我有很多这样的行，它会使我的代码比我想要的要大。

谢谢。

【问题讨论】：

标签： reactjs

【解决方案1】：

您可以像通常处理字符串一样连接属性：

<div className="entity" id={"ent" + this.props.index}>bla</div>

或（es6 语法）

<div className="entity" id={`ent${this.props.index}`}>bla</div>

【讨论】：

【解决方案2】：

id={"ent" + this.props.index}

或者使用插值代替字符串连接。

 id={`ent${this.props.index}`}

【讨论】：