NextJS හි වෙබ් අඩවි පිරිසැල්ලේ අන්තර්ගතය

පෙර පාඩමෙන් අපි විග්‍රහ කිරීම ආරම්භ කළ ප්‍රධාන වෙබ් අඩවි පිරිසැල්ල සලකා බලමු:

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

ඔබට පෙනෙන පරිදි, වෙබ් අඩවි පිරිසැල්ල ශ්‍රිතයක් සහිත සංරචකයකි. මෙහිදී ශ්‍රිතයේ පරාමිතියට වස්තුවක් සම්ප්‍රේෂණය වේ, අපි එයින් children යතුර �නුරූප විචල්‍යයට උපුටා ගනිමු. මෙම විචල්‍යය තුළ ඉල්ලූ URL ට අනුරූප වන page.jsx ගොනුවේ අන්තර්ගතය ගබඩා වේ.

එනම් layout.jsx ගොනුවේ අපගේ වෙබ් අඩවි පිරිසැල්ල ගබඩා වන අතර, children විචල්‍යය භාවිතයෙන් අපි පිටුවේ අන්තර්ගතය ඇතුළු කළ යුතු වෙබ් අඩවි පිරිසැල්ලේ ස්ථානය සඳහන් කරමු.

උදාහරණයක් ලෙස, අපි පිටුවේ අන්තර්ගතය යම් ටැගයකින් හැඩගස්වමු:

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