Hook-ul de client useSelectedLayoutSegment() returnează numele segmentului de rută activ situat imediat sub nivelul layout-ului curent. Este instrumentul ideal pentru evidențierea vizuală a elementelor de navigare active (active tabs, meniuri laterale) în interfețe de administrare complexe.
'use client';
import Link from 'next/link';
import { useSelectedLayoutSegment } from 'next/navigation';
export default function NavigatieDashboard() {
const segmentActiv = useSelectedLayoutSegment();
return (
<nav className="flex gap-4">
<Link href="/dashboard" className={segmentActiv === null ? 'font-bold underline' : ''}>
Prezentare Generală
</Link>
<Link href="/dashboard/setari" className={segmentActiv === 'setari' ? 'font-bold underline' : ''}>
Setări Cont
</Link>
</nav>
);
}Varianta useSelectedLayoutSegments(): Returnează un tablou cu toate segmentele active din adâncime (ex: ['setari', 'securitate']), fiind util pentru construirea automată a meniurilor de tip Breadcrumbs.
Caracteristici
- Necesită directiva
'use client'la începutul fișierului. - Returnează
nulldacă utilizatorul se află exact pe ruta de bază a layout-ului.
Întrebări & Exemple de Cod:
Hook-ul useSelectedLayoutSegment() – Detectarea Tab-ului ActivAi o nelămurire despre utilizarea comenzii
Hook-ul useSelectedLayoutSegment() – Detectarea Tab-ului Activsau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.