¿Cómo podemos cambiar dinámicamente las propiedades de una clase CSS en ReactJS? Por ejemplo, tengo varios campos de texto con CSS Classname "importante". Quiero cambiarlos todos para que tengan un fondo rojo al hacer clic en un botón.
Pensé que podría hacer esto cambiando las propiedades de esa Clase CSS. ¿Cómo modifico esta clase para que todos sus campos de texto con esa clase cambien en un instante?
¿O hay otra forma más elegante de hacer esto?
En su método render() , use una variable de estado para adjuntar diferentes clases al elemento renderizado dependiendo de su estado.
Puede hacer algo como pasar clases condicionalmente en su propiedad className={""}.
Si el estado cambia, el nombre de la clase también cambiará.
Se verá algo como esto:
className={state ? "important" : "yourDesiredClass"}