Can not see my class using classnames and React?

Question

Using React and classnames to do styles. I get no errors but I get undefined when I console.log(styles.uiPad). I do get an object when I console.log(styles). My classnames import component also gets console.logged successfully but nothing happens. What am I doing wrong? Is this a webpack thing?

Here are my imports:

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

This is my render:

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

what is the output of `styles.uiPad`? – chazsolo Jul 17 '17 at 18:49 — chazsolo, Jul 17 '17 at 18:49

score 1 · Answer 1 · answered Jul 17 '17 at 19:35

1

You are importing a Sass file. You need to compile Sass into CSS before importing it.

answered Jul 17 '17 at 19:35

Smaft

142
10

1

It is compiling through webpack – rrudy90023 Jul 17 '17 at 22:08

Can not see my class using classnames and React?

1 Answers1