NextJS'теги слоттун дефолттук файлы

Мурунку сабакта биз info аты менен динамикалык слот түздүк:

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

Бирок, бир көйгөй бар. Биздин слот эки түрдүү даректер үчүн гана иштейт: /users жана /posts. Эгерде дарек сабына биздин слот белгиленбеген башка дарек терилсе, анда NextJS 404 катасын чыгарат.

Көйгөйдү чечүү үчүн, түздөн-түз слоттун папкасына default.jsx деген атайын файл салыш керек. Бул файлда, биздин слот үчүн белгиленбеген URL дарек сабына терилгенде, көрсөтүлө турган компонент болушу керек.

Биздин учурда, төмөнкүдөй файлдык түзүм пайда болот:

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

Дарек сабына биздин слот үчүн белгиленбеген URL терилгенде, динамикалык слоттун 404 катасын чыгараарына ынаныңыз.

404 катасынын көйгөйүн чечиңиз.