Navigare contextuală în Layouts
Este util în barele laterale definite într-un layout.js pentru a ști ce sub-pagină este activată (de exemplu, dacă rutele sunt /setari/profil și /setari/securitate, în layout-ul de setări va returna "profil" sau "securitate").
Exemplu Concret: Evidențierea tab-ului activ în layout
'use client';
import { useSelectedLayoutSegment } from 'next/navigation';
export function SetariNav() {
const activeSegment = useSelectedLayoutSegment();
return (
<nav>
<a className={activeSegment === 'profil' ? 'bold' : ''}>Profil</a>
<a className={activeSegment === 'facturare' ? 'bold' : ''}>Facturare</a>
</nav>
);
}
Întrebări & Exemple de Cod:
useSelectedLayoutSegment în Next.jsAi o nelămurire despre utilizarea comenzii
useSelectedLayoutSegment în Next.jssau 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.