Comment ajouter plusieurs classes en matériau interface utilisateur en utilisant les accessoires classes

Question

Utilisant la méthode de css-en-js pour ajouter des classes à un composant de réagir, comment puis-je ajouter plusieurs composants ?

Voici les variables de classes :

Voici comment je l’ai utilisé :

Le ci-dessus fonctionne, mais est-il possible d’ajouter les deux classes, sans utiliser le `` paquet NGP ? Quelque chose comme :

Answer 1

vous pouvez utiliser interpolation de chaîne :

Answer 2

vous pouvez installer ce package

https://github.com/JedWatson/classnames

et ensuite l’utiliser comme ceci

Answer 3

Pour avoir plusieurs classes appliquées à un composant, encapsulent les classes que vous souhaitez postuler au sein de classNames.

Par exemple, dans votre situation, votre code devrait ressembler à ceci,

Assurez-vous que vous importiez classNames !!!

Jetez un oeil à la documentation de l’interface matérielle où ils utilisent plusieurs classes dans un composant pour créer un bouton personnalisé

Answer 4

Vous pouvez également utiliser la propriété extension (le plugin jss-extend est activé par défaut) :

Answer 5

Je pense que cela résoudra votre problème :

et de réagir en composant :