react中三元语法

Question

我正在尝试使用三进制来显示已检查数字是否等于反应中的 i + 1

<input className="inc" type="radio" id={ i } ({ number } === ({i}+1)) ? checked : ''}/>

但是我在 ({ number }

的第一个括号中得到了意外的标记

我这样做是为了在条件为真时得到 <input className="inc" type="radio" id={ i } checked />，在条件为真时得到 <input className="inc" type="radio" id={ i } />

Answer 1

您需要使用三元作为 checked 属性的值而不是尝试 add/remove 属性：

<input className="inc" type="radio" id={i} checked={number === i+1}/>

The syntax of ternary within react