Hook-ul useParams în Next.js în React & Next.js

Extrage parametrii dinamici de segment (ex: slug-ul dintr-un folder [slug] sau [id]) în Client Components.

Sintaxă
import { useParams } from 'next/navigation'; const params = useParams();

Accesarea parametrilor dinamici de rută

În Server Components, parametrii sunt primiți ca proprietate (props.params). În Client Components, useParams() oferă acces direct la un obiect cu toate segmentele dinamice curente.

Exemplu Concret: Extragerea slug-ului articolului
'use client';
import { useParams } from 'next/navigation';

export default function DetaliiArticolClient() {
  const params = useParams();
  // Pentru o rută /invata/[tehnologie]/[slug]
  console.log(params.tehnologie, params.slug);

  return <p>Articol: {params.slug}</p>;
}
Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Hook-ul useParams în Next.js

Ai o nelămurire despre utilizarea comenzii Hook-ul useParams în Next.js sau 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.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.