Как задать класс?

Использую module.css. Подскажите, как задать правильно класс dotAnimation, чтобы он был style.dotAnimation?

 <div className={classNames(styles.dot, styles.dotAccent, styles.two, {
        'dotAnimation' : props.animation
      })}></div>

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

Автор решения: Марсель

В данном случае стоит использовать синтаксис с квадратными скобками:

<div className={classNames(styles.dot, styles.dotAccent, styles.two, {
    [styles.dotAnimation]: props.animation
})}></div>
→ Ссылка