Navigare programatică în Client Components
În Next.js App Router, useRouter se importă obligatoriu din next/navigation (nu din next/router). Oferă metode pentru tranziții fluide între pagini fără reîncărcare completă.
Exemplu Concret: Navigare după salvarea formularului
'use client';
import { useRouter } from 'next/navigation';
export default function FormularComanda() {
const router = useRouter();
async function handleSubmit() {
await trimiteComanda();
router.push('/multumim');
router.refresh(); // Reîmprospătează datele din Server Components
}
return <button onClick={handleSubmit}>Plătește</button>;
}
Întrebări & Exemple de Cod:
Hook-ul useRouter în Next.js App RouterAi o nelămurire despre utilizarea comenzii
Hook-ul useRouter în Next.js App Routersau 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.