react组件无法找到我的CSS类

Question

import { classes } from './DropdownMenu.module.css';
function DropdownMenu() {
return(
<div className={classes["dropdown"]}>

我定义了一个名为DropdownMenu.module.css的文件，与DropdownMenu.js文件在同一个目录下

文件中的CSS看起来像

.dropdown {
position: absolute;
}

我不知道为什么它找不到它。我试过使用classes.dropdown但这无济于事。我还清空了浏览器缓存，并使用npm install重新安装了我的包。

我收到的错误是

无法读取未定义属性'下拉列表'

Answer 1

您需要默认的导出。试着像这样导入:

import classes from './DropdownMenu.module.css';

，然后这样使用:

<div className={classes.dropdown}>