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