Komponent för meny i NextJS
I de följande lektionerna kommer vi att studera NextJS speciella funktioner för att skapa webbplatsmenyer. För detta kommer vi att behöva en komponent med webbplatsmenyn. I den här lektionen skapar vi en grund för denna komponent, och länkar kommer vi att infoga i de följande lektionerna.
Vår grund kommer att se ut på följande sätt:
export default function Menu() {
return <>
...
</>;
}
Låt oss infoga denna grund i webbplatsens huvudsakliga layout:
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>
);
}
Skapa en komponent för huvudmenyn.
