NextJS တွင် အဆင့်မြင့် မီနူး
ယခင်သင်ခန်းစာတွင် သာမန် link များဖြင့် ပြုလုပ်ထားသော မီနူး၏ ပြဿနာကို ဆွေးနွေးခဲ့ပါသည်။ NextJS သည် ထိုပြဿနာကို ဖြေရှင်းနိုင်ပြီး လင့်ခ်တစ်ခုကို နှိပ်ခြင်းဖြင့် စာမျက်နှာ တစ်ခုလုံး ပြန်လည်စတင်ခြင်း မဖြစ်စေရန် ပြုလုပ်ပေးနိုင်ပါသည်။ စွမ်းဆောင်ရည် အကောင်းဆုံးဖြစ်စေရန်အတွက် Ajax မှတစ်ဆင့် ပြောင်းလဲသွားသော အပိုင်းကိုသာ လာရောက် ဖွင့်ပေးမည် ဖြစ်ပါသည်။
ဤအတွက် link များအစား ကျွန်ုပ်တို့သည်
အထူး component တစ်ခုဖြစ်သော
Link ကို အသုံးပြုပါမည်။
၎င်းကို import လုပ်ပါမည်။
import Link from 'next/link';
ကျွန်ုပ်တို့၏ မီနူးကို ဤ component မှတစ်ဆင့် ပြန်လည်ပြင်ဆင်ပါမည်။
export default function Menu() {
return <>
<Link href="/">home</Link>
<Link href="/about">about</Link>
<Link href="/price">price</Link>
<Link href="/contacts">contacts</Link>
</>;
}
သင့်မီနူးကို
Link component မှတစ်ဆင့် ပြန်လည်ပြင်ဆင်ပါ။
မီနူးရှိ လင့်ခ်များကို နှိပ်လိုက်သောအခါ စာမျက်နှာ ပြန်လည်စတင်ခြင်း မဖြစ်တော့ကြောင်း သေချာပါစေ။
