Construirea barelor de navigare Breadcrumb
Spre deosebire de varianta singulară, useSelectedLayoutSegments returnează toate nivelele adâncite de sub layout sub forma unui array (ex: ['magazin', 'electronice', 'laptopuri']).
Exemplu Concret: Generarea dinamică a traseului Breadcrumb
'use client';
import { useSelectedLayoutSegments } from 'next/navigation';
export function Breadcrumbs() {
const segments = useSelectedLayoutSegments();
return (
<ol className="breadcrumb">
<li>Acasă</li>
{segments.map((seg, i) => (
<li key={i}> / {seg}</li>
))}
</ol>
);
}
Întrebări & Exemple de Cod:
useSelectedLayoutSegments în Next.jsAi o nelămurire despre utilizarea comenzii
useSelectedLayoutSegments î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.