ich den folgenden Code bin mit auf dynamisch einen Klassennamen in einer Komponente Reagieren auf ein boolean von Requisiten basiert:Mehrere Klassennamen mit CSS-Module und Reagieren
<div className={this.props.menuOpen ? 'inactive' : 'active'}> ... </div>
Aber ich bin auch mit CSS Module, so jetzt muss ich den Klassenname festlegen zu:
import styles from './styles.css';
<div className={styles.sideMenu}> ... </div>
Ich habe Probleme mit - Ich habe versucht mit classnames, um mehr Kontrolle mit mehreren Klassen zu bekommen, aber weil ich das Endergebnis zu sein, dass der Klassenname auf styles.sideMenu
UNDstyles.active
(um für CSS-Module zu kick Ich bin unsicher, wie ich damit umgehen soll.
Jede Anleitung sehr geschätzt.
Warum würden 'classnames' nicht für Sie arbeiten? Dies ist der Fall, für den es bestimmt ist. – Chris
Ich habe so weit mit 'classnames': ' '' classNames = Klassennamen (styles.sideMenu, { active: this.props.menuOpen, }); '' ' Die Taste' active' muss jedoch 'styles.active' sein (damit ich meine CSS im importierten Stylesheet platzieren kann), und das Setzen dieser Option erzeugt einen Fehler. Vielleicht verstehe ich die Dokumentation nicht? – Toby