Inhoud in 'n webwerf-uitleg in NextJS

Laat ons die hoofwebwerf-uitleg oorweeg, wat ons in die vorige les begin ondersoek het:

export default function RootLayout({children}) {
	return (
		<html lang="en">
			<body>
				{children}
			</body>
		</html>
	);
}

Soos jy kan sien, verteenwoordig die webwerf-uitleg 'n komponent met 'n funksie. Terselfdertyd word 'n voorwerp aan die funksie se parameter oorgedra, waaruit ons die sleutel children in die ooreenstemmende veranderlike onttrek. Hierdie veranderlike stoor die inhoud van die lêer page.jsx, wat ooreenstem met die versoekte URL.

Dit beteken dat in die lêer layout.jsx, ons die webwerf-uitleg stoor, en met behulp van die veranderlike children dui ons die plek in die webwerf-uitleg aan waar die bladsy se inhoud ingevoeg moet word.

Byvoorbeeld, laat ons die bladsy se inhoud in een of ander etiket formateer:

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

Formateer die inhoud van jou webwerf in die main-etiket.