Numatytojo sloto failas NextJS

Ankstesnėje pamokoje mes sukūrėme dinaminį slotą pavadinimu 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>
  );
}

Tačiau yra problema. Faktas yra tas, kad mūsų slotas veikia tik dviem adresų tipams: /users ir /posts. Jei į adreso eilutę įvesite kitą adresą, kuriam mūsų slotas neapibrėžtas, NextJS grąžins 404 klaidą.

Problemai spręsti tiesiogiai į sloto aplanką reikia įdėti specialų failą default.jsx. Šiame faile turi būti komponentas, kuris bus rodomas, kai į adreso eilutę įvestas URL, nenurodytas mūsų sloto konfigūracijoje.

Tai yra mūsų atveju susidarys sekanti failų struktūra:

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