NextJS တွင် အဆင့်မြင့် မီနူး

ယခင်သင်ခန်းစာတွင် သာမန် link များဖြင့် ပြုလုပ်ထားသော မီနူး၏ ပြဿနာကို ဆွေးနွေးခဲ့ပါသည်။ NextJS သည် ထိုပြဿနာကို ဖြေရှင်းနိုင်ပြီး လင့်ခ်တစ်ခုကို နှိပ်ခြင်းဖြင့် စာမျက်နှာ တစ်ခုလုံး ပြန်လည်စတင်ခြင်း မဖြစ်စေရန် ပြုလုပ်ပေးနိုင်ပါသည်။ စွမ်းဆောင်ရည် အကောင်းဆုံးဖြစ်စေရန်အတွက် Ajax မှတစ်ဆင့် ပြောင်းလဲသွားသော အပိုင်းကိုသာ လာရောက် ဖွင့်ပေးမည် ဖြစ်ပါသည်။

ဤအတွက် link များအစား ကျွန်ုပ်တို့သည် အထူး component တစ်ခုဖြစ်သော Link ကို အသုံးပြုပါမည်။ ၎င်းကို import လုပ်ပါမည်။

/src/comps/menu/menu.jsximport Link from 'next/link';

ကျွန်ုပ်တို့၏ မီနူးကို ဤ component မှတစ်ဆင့် ပြန်လည်ပြင်ဆင်ပါမည်။

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <Link href="/">home</Link>
    <Link href="/about">about</Link>
    <Link href="/price">price</Link>
    <Link href="/contacts">contacts</Link>
  </>;
}