css - 使用类名和 React 看不到我的课程？

Question

使用 React 和类名来做样式。我没有收到任何错误，但是当我使用 console.log(styles.uiPad) 时我得到了未定义。当我使用 console.log(styles) 时，我确实得到了一个对象。我的类名导入组件也成功获得了 console.logged 但没有任何反应。我究竟做错了什么？这是一个 webpack 的东西吗？

这是我的进口：

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

这是我的渲染：

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

Answer 1

您正在导入一个 Sass 文件。你需要在导入之前将 Sass 编译成 CSS。