Komponen untuk Menu dalam NextJS
Dalam pelajaran seterusnya, kami akan mengkaji keupayaan khas NextJS untuk mencipta menu tapak web. Untuk ini, kami memerlukan komponen dengan menu tapak web. Dalam pelajaran ini, kami akan membuat penyediaan komponen ini, dan pautan akan dimasukkan dalam pelajaran seterusnya.
Penyediaan kami akan kelihatan seperti berikut:
export default function Menu() {
return <>
...
</>;
}
Masukkan penyediaan ini ke dalam susun atur utama tapak web:
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>
);
}
Buatkan komponen untuk menu utama.
