将prop添加到已存在的内联属性中

时间:2018-01-11 07:20:04

标签: reactjs

有没有办法追加来自 file.appendTo('body'); var video = document.querySelector("video"); var track = document.createElement("track"); track.mode = "showing"; track.label = "Español"; track.kind = "subtitles"; track.srclang = "es"; track.src = "subs.vtt"; track.default = true; video.appendChild(track); 的属性到已存在的HTML元素的属性,并且内联(以...为名)代码简单),没有任何变量/插件?

这样的事情(但显然我尝试追加的这个和其他一些方法对我不起作用):

71.12% of Total sessions

我知道我之前可以声明一个变量,将prop添加到它然后使用它作为属性,但是我有很多这样的行,它会使我的代码比我希望的更大。

感谢。

2 个答案:

答案 0 :(得分:1)

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

或者使用插值而不是字符串连接。

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

答案 1 :(得分:1)

您可以像通常使用字符串一样连接属性:

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

或(es6语法)

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