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

我试图根据函数的结果更改元素的颜色

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

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

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

（-3.44）

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

您可以尝试以下方法：

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

(-3.44)

您可以尝试以下方法：

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

(-3.44)