我刚刚开始玩下一个js。所以我想使用 css 作为模块并为 nav 设置类名，但在渲染的 DOM 中这个类名不存在。我可以在“head”标签中看到 webpack 生成的样式，但我在导航标签上看不到类名。
import React from "react";
import styles from './NavigationContainer.module.scss';
type Props = {};
const NavigationContainer: React.FC<Props> = ({children}) => {
return <nav className={styles.mainNavigationContainer}>{children}</nav>
};
export default NavigationContainer;
最佳答案
在 JS 中，我们不能使用 - 作为变量名，它被视为进行数学计算的减号。
最好将 CSS 选择器重命名为 .mainNavigationContainer，以便 Next Js 可以获得正确的 CSS 样式。
JS部分保持不变。
https://nextjs.org/docs/basic-features/built-in-css-support#adding-component-level-css
关于javascript - 下一个 js className 尚未设置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/70560445/