React & HTML：用布尔值突出显示 table 单元格

Question

我正在使用 React，想知道是否可以用布尔值突出显示 table 单元格，这里是这样的：

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

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

Answer 1

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

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

React & HTML: Highlight a table cell with booleans