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

Question

如何让 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>

Answer 1

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

例如：

<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>

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

How to make one word to show as Bold in a Ternary Operator?

html

javascript

jsx