如何使用和在HTML元素的属性部分在反应?

Question

我遇到过这样的情况如果第一个名字存在于obj中，我需要对这个div做更多的样式所以我想在react中使用操作符，如果name存在，将id添加到div中，但它显示错误

<div {obj["name"][0] && id="feature-border"} className="rectangle"> </div>

谁能帮助我，如何使用和在HTML元素的属性部分在反应??

Answer 1

<div {obj["name"][0] && id="feature-border"} className="rectangle"> </div>

将这行代码改为，

<div id={obj["name"][0] ? "feature-border" : ""} className="rectangle"> </div>

或

<div id={obj["name"][0] ? "feature-border" : null} className="rectangle"> </div>