Как присвоить 2 модульных класса одновременно? (React)
Имеется блок, который должен по клику менять свой внешний вид. Хочу при клике менять значение стейта и в зависимости от значения присваивать доп. класс.
<div className={`${style.card} ${count === 1 ? style.additional : ''}`}></div>
Первый класс card всегда присвоен и работает, а additional должен присваиваться при клике. Но при клике, вместо класса, в консоли, я вижу undefiend.
Если я подобным образом вывожу обычные текстовые классы - всё работает как надо. Но мне нужна модульность.
Как решить данную проблему?
Ответы (2 шт):
Автор решения: Денис Беспалов
→ Ссылка
Решил через костыль: создал дополнительный div которому присвоил нужный мне класс, а через style указал visibility: hidden. Работает.
Может есть более элегантное решение?