如何在三元运算符中使一个单词显示为粗体？答案

【问题标题】：How to make one word to show as Bold in a Ternary Operator?如何在三元运算符中使一个单词显示为粗体？
【发布时间】：2021-12-18 02:27:25
【问题描述】：

如何让Full 在下面的三元运算符中显示为粗体？如果我在span 中更改它，它将使单词enrolled 和spots 也显示为粗体，我不希望这样。有什么办法呢？

<span
  style={{
    flexGrow: 1,
    color: "lightgrey",
    fontSize: "12px",
    marginLeft: "10px"
  }}
>
  {e.enrolledNum / e.total_spots >= 1
    ? 'Full'
    : `${e.enrolledNum} enrolled ${""} / ${""} ${
        e.total_spots ? e.total_spots : "0"
      } spots`}
</span>

【问题讨论】：

标签： javascript html jsx

【解决方案1】：

将其包装在 strong 标记中，或者如果这不是您在语义上的意思，则使用其他一些带有使其粗体的类的内联元素。

例如：

<span
  style={{
    flexGrow: 1,
    color: "lightgrey",
    fontSize: "12px",
    marginLeft: "10px"
  }}
>
  {e.enrolledNum / e.total_spots >= 1
    ? <strong>Full</strong>
    : `${e.enrolledNum} enrolled ${""} / ${""} ${
        e.total_spots ? e.total_spots : "0"
      } spots`}
</span>

【讨论】：