如何在 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>