Estoy intentando cambiar el color de un elemento basado en el resultado de una función

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

En mi CSS, tengo dos clases, boldGreen y boldOrange. Esta es la etiqueta:

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

¿Cómo actualizaría la clase de estilo en función de la función? Estoy usando Next.js como mi marco.

0
Mallard 8 may. 2021 a las 00:54

1 respuesta

La mejor respuesta

Puedes probar con esto:

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

2
Lory 7 may. 2021 a las 22:42