React 组件无法找到我的 CSS class

Question

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

function DropdownMenu() {
    return(
        <div className={classes["dropdown"]}>

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

文件中的CSS看起来像

.dropdown {
    position: absolute;
}

我不确定为什么找不到它。我试过使用 classes.dropdown 但没有用。我还清除了浏览器缓存并使用 npm install 重新安装了我的包。

我收到的错误是

Cannot read property 'dropdown' of undefined

Answer 1

您需要默认导出。尝试像这样导入它：

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

然后像这样使用它：

<div className={classes.dropdown}>

react component is unable to locate my CSS class