React 和 HTML：使用布尔值突出显示表格单元格答案

【问题标题】：React & HTML: Highlight a table cell with booleansReact 和 HTML：使用布尔值突出显示表格单元格
【发布时间】：2021-11-06 00:42:33
【问题描述】：

我正在使用 React，并且想知道是否可以使用布尔值突出显示表格单元格，如下所示：

 <table>
  <tr>
    <td {if (highlight)  bgColor = 'red'} >Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
</table>

（其中 highlight 是一个布尔状态变量）。

【问题讨论】：

【解决方案1】：

是的，你可以。只需使用 ternary operator 即可：

<td style={{backgroundColor: highlight ? 'red' : ''}} >Emil</td>

【讨论】：