【问题标题】: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 是一个布尔状态变量)。

【问题讨论】:

  • 可以,可以使用三元运算符根据条件添加内联样式或类,首选使用类

标签: javascript html reactjs html-table


【解决方案1】:

是的,你可以。只需使用 ternary operator 即可:

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

【讨论】:

  • 如果对其他需要的人有帮助,您可以将其标记为接受。
猜你喜欢
  • 1970-01-01
  • 2014-01-01
  • 2016-08-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-02-17
  • 2015-09-13
  • 1970-01-01
相关资源
最近更新 更多