Turinys svetainės makete NextJS
Apžvelkime pagrindinį svetainės maketą, kurį pradėjome nagrinėti praėjusioje pamokoje:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Kaip matote, svetainės maketas yra
komponentas su funkcija. Tuo pat metu
į funkcijos parametrą perduodamas objektas,
iš kurio mes išskiriame raktą children
į atitinkamą kintamąjį.
Šiame kintamajame yra saugomas
failo page.jsx turinys,
kuris atitinka užklaustą URL.
Tai yra, faile layout.jsx mes
turiname svetainės maketą, o naudodami
kintamąjį children nurodome
vietą svetainės makete, į kurią turi
būti įterptas puslapio turinys.
Pavyzdžiui, suformuokime puslapio turinį kokiame nors tegė:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Suformuokite jūsų svetainės
turinį tege main.
