NextJS-тегі слоттың әдепкі файлы

Алдыңғы сабақта біз info атауымен динамикалық слот жасадық:

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>
  );
}

Алайда, бір мәселе бар. Біздің слот тек екі түрлі адрестер үшін жұмыс істейді: /users және /posts. Егер адрестік жолға біздің слотымыз анықталмаған басқа адрес енгізілсе, онда NextJS 404 қатесін шығарады.

Мәселені шешу үшін тікелей слот папкасына арнайы default.jsx файлын салу керек. Бұл файлда адрестік жолға біздің слотымыз үшін көрсетілмеген URL енгізілген кезде көрсетілетін компонент болуы керек.

Яғни біздің жағдайда келесі файлдық құрылым шығады:

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