Komponent for meny i NextJS
I de følgende leksjonene skal vi studere spesielle funksjoner i NextJS for å opprette nettstedets meny. For dette vil vi trenge en komponent med nettstedets meny. I denne leksjonen vil vi lage en mal for denne komponenten, og lenker vil vi sette inn i de følgende leksjonene.
Vår mal vil se ut som følger:
export default function Menu() {
return <>
...
</>;
}
La oss sette inn denne malen i hovedlayoutet til nettstedet:
import Menu from '@/comps/menu/menu.jsx';
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
<nav>
<Menu />
</nav>
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Opprett en komponent for hovedmenyen.
