使用ReactJS的CSS类名

Question

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

然后在文件中，我尝试访问css模块，如下所示

        <ul className={classes.navbar-nav}>
            <li>Home</li>
        </ul>

在我的CSS模块文件中

.navbar-nav {
    max-width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: flex-end;
}

我得到的错误是

'nav' is not defined  no-undef

Answer 1

您应该使用classes["navbar-nav"]。不能使用点运算符，因为名称变量不能包含-。

要更好地理解，请阅读naming of javascript variables