Я использую следующий код для динамического определения имени класса в компоненте React на основе логического из реквизита:
<div className={this.props.menuOpen ? 'inactive' : 'active'}>
...
</div>
Однако я также использую CSS-модули, поэтому теперь мне нужно установить className:
import styles from './styles.css';
<div className={styles.sideMenu}>
...
</div>
У меня возникли проблемы с этим - я попытался использовать classnames, чтобы получить больше контроля с несколькими классами, но поскольку мне нужен конец результатом является то, что className устанавливается как styles.sideMenu
AND styles.active
(для того, чтобы использовать модули CSS). Я не уверен, как с этим справиться.
Любое руководство было очень оценено.