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 道具的值，而不是尝试添加/删除道具：

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