反应组件无法找到我的 CSS 类

Posted 2023-02-21

【中文标题】反应组件无法找到我的 CSS 类

【英文标题】：react component is unable to locate my CSS class

【发布时间】：2021-10-12 20:57:30

【问题描述】：

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 重新安装了我的软件包。

我收到的错误是

无法读取未定义的属性“下拉”

【问题讨论】：

您还有问题吗？

【参考方案1】：

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

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

然后像这样使用它：

<div className=classes.dropdown>

【讨论】：

谢谢。现在是凌晨 2 点，我不敢相信我犯了这个错误！

我已经明白，凌晨 2 点编码不是一个好主意，除非你在下午 1 点起床 :)