Как присвоить 2 модульных класса одновременно? (React)

Имеется блок, который должен по клику менять свой внешний вид. Хочу при клике менять значение стейта и в зависимости от значения присваивать доп. класс.

<div className={`${style.card}  ${count === 1 ? style.additional : ''}`}></div>

Первый класс card всегда присвоен и работает, а additional должен присваиваться при клике. Но при клике, вместо класса, в консоли, я вижу undefiend. Если я подобным образом вывожу обычные текстовые классы - всё работает как надо. Но мне нужна модульность. Как решить данную проблему?


Ответы (2 шт):

Автор решения: Денис Беспалов

Решил через костыль: создал дополнительный div которому присвоил нужный мне класс, а через style указал visibility: hidden. Работает.

Может есть более элегантное решение?

→ Ссылка
Автор решения: Владимир

className={style.imgWillChoose + ' ' + style.imgIsChoosing}

→ Ссылка