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

Համոզվեք, որ դինամիկ սլոտը արտադրում է 404 սխալ, երբ հասցեների տողում մուտքագրված է URL, որն սահմանված չէ մեր սլոտի համար:

Ուղղեք 404 սխալի խնդիրը: