Acabo de empezar a jugar con el siguiente js. así que quiero usar css como módulo y configurar el nombre de clase para la navegación, pero en el DOM renderizado, este nombre de clase no existe. Puedo ver los estilos generados por el paquete web en la etiqueta "head", pero no veo el nombre de clase en mi etiqueta de navegación.
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;
En JS, no podemos usar -
como nombre de variable, se considera un signo negativo para hacer los cálculos.
Es una buena idea cambiar el nombre del selector CSS a .mainNavigationContainer
para que Next Js pueda obtener los estilos CSS correctos.
La parte JS seguirá siendo la misma.
https://nextjs.org/docs/basic-features/built-in-css-support#adding-component-level-css