如何在 react 中使用和在 html 元素的属性部分中？

Question

我的情况是，如果 obj 中存在第一个名称，我需要对该 div 进行更多样式设置，所以我想像这样使用和运算符做出反应，如果名称存在，则将 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>