Vous ne pouvez pas voir ma classe en utilisant les noms de classe et React?

Question

Utilisation de React et de noms de classe pour créer des styles. Je n'obtiens aucune erreur mais je suis indéfini quand je console.log (styles.uiPad). J'obtiens un objet quand je console.log (styles). Mon composant d'importation de classes reçoit également console.logged avec succès mais rien ne se passe. Qu'est-ce que je fais mal? Est-ce une chose de webpack?

Voici mes importations:

import styles from '../assets/stylesheets/base.scss' 
import classNames from 'classnames' 

Ceci est mon rendu:

<div className={classNames(styles.uiPad)}></div> 

Answer 1

Vous importez un fichier Sass. Vous devez compiler Sass en CSS avant de l'importer.