Компоненти меню дар NextJS
Дар дарсҳои оянда мо имкониятҳои махсуси NextJS-ро барои эҷоди менюи сомона меомӯзем. Барои ин ба мо компоненти менюи сомона лозим аст. Дар ин дарс мо заготовкаи ин компонентро месозем, ва истинодҳоро дар дарсҳои оянда мегузорем.
Заготовкаи мо ба ин шакл хоҳад буд:
export default function Menu() {
return <>
...
</>;
}
Ин заготовкаро ба сохтори асосии сомона гузорем:
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>
);
}
Компоненти менюи асосиро созед.
