动态更改元素的 Next.js 样式类型答案

【问题标题】：Dynamically change Next.js style type for element动态更改元素的 Next.js 样式类型
【发布时间】：2021-05-08 06:42:46
【问题描述】：

我正在尝试根据函数的结果更改元素的颜色

  //Example function 
  if ("123".includes("5")) {
    color = "boldOrange"
  } else {
      let color = "boldGreen"
  }

在我的 CSS 中，我有两个类，boldGreen 和 boldOrange。这是标签：

 <b className={styles.color}>(-3.44)</b>

如何根据函数更新样式类？我使用 Next.js 作为我的框架。

【问题讨论】：

【解决方案1】：

你可以试试这个：

<b className={"123".includes("5") ? styles.boldOrange : styles.boldGreen}>
  (-3.44)
</b>

【讨论】：