NextJS da slotning default fayli

Oldingi darsda biz info nomli dinamik slot yaratgan edik:

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

Biroq, bir muammo bor. Gap shundaki, bizning slotimiz faqat ikkita manzil turi uchun ishlaydi: /users va /posts. Agar manzil satriga boshqa manzil kiritilsa, uning uchun bizning slotimiz aniqlanmagan bo'lsa, NextJS 404 xatosini beradi.

Muammoni hal qilish uchun to'g'ridan-to'g'ri slot papkasiga maxsus default.jsx faylini qo'yish kerak. Ushbu faylda, manzil satriga bizning slotimiz uchun belgilanmagan URL kiritilganda ko'rsatiladigan komponent bo'lishi kerak.

Ya'ni bizning holatda quyidagi fayl tuzilishi paydo bo'ladi:

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