Turinys svetainės makete NextJS

Apžvelkime pagrindinį svetainės maketą, kurį pradėjome nagrinėti praėjusioje pamokoje:

app/layout.jsxexport 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ė:

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        <main>
          {children}
        </main>
      </body>
    </html>
  );
}