ਦਾਨ ਕਰੋ

ਤੁਸੀਂ Next.js ਵਿੱਚ ਪੰਨਿਆਂ ਦੇ ਵਿਚਾਲੇ ਕਿਵੇਂ ਨੇਵੀਗੇਟ ਕਰਦੇ ਹੋ? · IT ਇੰਟਰਵਿਊ ਅਭਿਆਸ

ਜੂਨੀਅਰ#Routing #Nextjs

ਤੁਸੀਂ Next.js ਵਿੱਚ ਪੰਨਿਆਂ ਦੇ ਵਿਚਾਲੇ ਕਿਵੇਂ ਨੇਵੀਗੇਟ ਕਰਦੇ ਹੋ?

Next.js ਕਲਾਇੰਟ-ਸਾਈਡ ਨੇਵੀਗੇਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜੋ ਪੂਰੇ ਪੰਨੇ ਨੂੰ ਮੁੜ ਲੋਡ ਕਰਨ ਨਾਲੋ ਤੇਜ਼ ਹੈ — ਇਹ ਸਿਰਫ਼ ਨਵੇਂ ਪੰਨੇ ਦਾ ਡਾਟਾ/ਕੰਪੋਨੈਂਟ ਲਿਆਉਂਦਾ ਹੈ ਅਤੇ ਉਸਨੂੰ ਸਵੈਪ ਕਰਦਾ ਹੈ, ਸਾਂਝੀ ਲੇਆਉਟ ਮਾਊਂਟ ਰੱਖਦਾ ਹੈ।

Link ਕੰਪੋਨੈਂਟ (ਘਮੰਡੀ)

tsx

   ;

   () {
   (
    
  );
}

tsx

"use client"; // useRouter needs a Client Component
import { useRouter } from "next/navigation"; // note: next/navigation in App Router

export default function LoginForm() {
  const router = useRouter();
  async function onSubmit() {
    await login();
    router.push("/dashboard");   // navigate after an action
    // router.replace("/x")  — no history entry
    // router.back()         — go back
    // router.refresh()      — re-fetch server data for the current route
  }
}