Versteklêer vir slot in NextJS

In die vorige les het ons 'n dinamiese slot met die naam info gemaak:

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

Daar is egter 'n probleem. Die sake is dat ons slot slegs werk vir twee tipe adresse: /users en /posts. As jy 'n ander adres in die adresbalk invoer, waarvoor ons slot nie gedefinieer is nie, sal NextJS 'n 404-fout gee.

Om die probleem op te los, moet jy regstreeks in die gids met die slot 'n spesiale lêer default.jsx plaas. In hierdie lêer moet daar 'n komponent wees wat vertoon sal word wanneer 'n URL in die adresbalk ingevoer word wat nie vir ons slot gespesifiseer is nie.

Dus, in ons geval sal die volgende lêerstuktuur wees:

/app/
- /@info/
  - default.jsx
  - /users/
    - page.jsx
  - /posts/
    - page.jsx

Maak seker dat die dinamiese slot 'n 404-fout gee wanneer 'n URL in die adresbalk ingevoer word wat nie vir ons slot gespesifiseer is nie.

Los die probleem met die 404-fout op.