Determinarea rutei curente
Hook-ul usePathname returnează șirul de caractere reprezentând calea din bara de adrese. Se actualizează automat la fiecare navigare.
Exemplu Concret: Evidențierea link-ului activ în meniul de navigare
'use client';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
export function NavLink({ href, children }) {
const pathname = usePathname();
const isActive = pathname === href;
return (
<Link href={href} className={isActive ? 'nav-link active' : 'nav-link'}>
{children}
</Link>
);
}
Întrebări & Exemple de Cod:
Hook-ul usePathname în Next.jsAi o nelămurire despre utilizarea comenzii
Hook-ul usePathname î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.