Le composant <Outlet /> (React Router v6) est un placeholder obligatoire placé dans un composant layout parent pour définir où injecter le contenu de la route enfant active dans une structure de routes imbriquées (nested routes).
Sans <Outlet />, les composants enfants ne s’affichent pas.
Imaginez un cadre photo (<DashboardLayout>) avec une zone vide centrale.<Outlet /> est cette zone vide.
Chaque fois que vous changez de route enfant (/dashboard/profile → /dashboard/settings),
une nouvelle photo (<Profile />, <Settings />) est insérée dans le cadre,
sans changer le cadre lui-même (header, footer, navigation persistants).
Explorer les thématiques : React