Noklusējuma slot failā NextJS

Iepriekšējā nodarbībā mēs izveidojām dinamisku slotu ar nosaukumu 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>
  );
}

Tomēr ir problēma. Lieta tāda, ka mūsu slots strādā tikai diviem adrešu veidiem: /users un /posts. Ja adreses joslā ieraksta citu adresi, kurai mūsu slots nav definēts, tad NextJS izvadīs 404 kļūdu.

Lai atrisinātu problēmu, tieši slotam veltītajā mapē jāieliek īpašs fails default.jsx. Šajā failā jābūt komponentei, kura tiks rādīta, kad adreses joslā ierakstīts URL, kas nav iestatīts mūsu slotam.

Tas nozīmē, ka mūsu gadījumā izveidosies šāda failu struktūra:

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