ဖြေရှင်းထားသည်- router ပြင်ပလင့်ခ်ကို တုံ့ပြန်ပါ။

React Router ပြင်ပလင့်ခ်များနှင့် ပတ်သက်သည့် အဓိကပြဿနာမှာ မတူညီသော စာမျက်နှာများကြားတွင် သွားလာနေသည့်အခါတွင် ၎င်းတို့သည် မမျှော်လင့်ထားသော အပြုအမူကို ဖြစ်စေနိုင်သည်။ ဥပမာအားဖြင့်၊ အသုံးပြုသူတစ်ဦးသည် React Router စာမျက်နှာပေါ်ရှိ ပြင်ပလင့်ခ်တစ်ခုကို နှိပ်ပါက၊ ဘရောက်ဆာသည် အပလီကေးရှင်းအတွင်းရှိ စာမျက်နှာအသစ်သို့လမ်းကြောင်းပြောင်းမည့်အစား လက်ရှိစာမျက်နှာမှ ထွက်ခွာသွားမည်ဖြစ်သည်။ ၎င်းသည် စာမျက်နှာများကြား ချောမွေ့သော အသွင်ကူးပြောင်းမှုကို မျှော်လင့်နေသည့် အသုံးပြုသူများအတွက် စိတ်ရှုပ်ထွေးမှုနှင့် စိတ်ပျက်မှုကို ဖြစ်စေနိုင်သည်။ ထို့အပြင်၊ ပြင်ပလင့်ခ်များသည် ရှာဖွေရေးအင်ဂျင်များသည် ပြင်ပအရင်းအမြစ်များမှ အကြောင်းအရာများကို မှန်ကန်စွာ အညွှန်းမပြနိုင်သောကြောင့် SEO နှင့် ပြဿနာများကို ဖြစ်စေနိုင်သည်။

import { Link } from "react-router-dom";

<Link to="https://www.example.com" target="_blank" rel="noopener noreferrer">External Link</Link>

1. ဤလိုင်းသည် react-router-dom စာကြည့်တိုက်မှ Link အစိတ်အပိုင်းကို တင်သွင်းသည်။
2. ဤစာကြောင်းသည် နှိပ်လိုက်သောအခါ “https://www.example.com” သို့ ပြန်ညွှန်းမည့် လင့်ခ်ဒြပ်စင်ကို ဖန်တီးပြီး စာမျက်နှာအသစ်သို့ လွှဲပြောင်းပေးသူ အချက်အလက်မပေးပို့ဘဲ တဘ်အသစ်တွင် ၎င်းကိုဖွင့်ပါ။ လင့်ခ်၏စာသားသည် "ပြင်ပလင့်ခ်" ဖြစ်လိမ့်မည်။

ပြင်ပလင့်ခ်ဆိုတာ ဘာလဲ။

React Router ရှိ ပြင်ပလင့်ခ်သည် သုံးစွဲသူအား အပလီကေးရှင်းပြင်ပ စာမျက်နှာသို့ ခေါ်ဆောင်သွားသည့် လင့်ခ်တစ်ခုဖြစ်သည်။ ၎င်းသည် ပြင်ပဝဘ်ဆိုက်တစ်ခု သို့မဟုတ် အခြားအပလီကေးရှင်းတစ်ခု ဖြစ်နိုင်သည်။ ပြင်ပလင့်ခ်များကို အသုံးပြုသူများအား အပလီကေးရှင်းအတွင်းရှိ အကြောင်းအရာနှင့် ပတ်သက်သည့် နောက်ထပ်အချက်အလက်များ သို့မဟုတ် အရင်းအမြစ်များကို ပေးဆောင်ရန် အသုံးပြုသည်။ ၎င်းတို့ကို နောက်ထပ်ရှာဖွေစူးစမ်းရန်အတွက် အခြားအပလီကေးရှင်းများ သို့မဟုတ် ဝဘ်ဆိုဒ်များသို့ သုံးစွဲသူများကို လမ်းညွှန်ရန်နည်းလမ်းအဖြစ်လည်း အသုံးပြုနိုင်သည်။

React Router ဖြင့် ပြင်ပလင့်ခ်ကို ထည့်သွင်းနည်း

React Router တွင် React Router နှင့် ပြင်ပလင့်ခ်တစ်ခုကို ပေါင်းထည့်ခြင်းသည် ရိုးရှင်းသောလုပ်ငန်းစဉ်တစ်ခုဖြစ်သည်။ ပထမဦးစွာ၊ သင်သည် react-router-dom package မှ Link အစိတ်အပိုင်းကို တင်သွင်းရန် လိုအပ်သည်။ ထို့နောက်၊ သင်သည် ပြင်ပ URL တစ်ခုသို့ လင့်ခ်တစ်ခုဖန်တီးရန် လင့်ခ်အစိတ်အပိုင်းကို အသုံးပြုနိုင်သည်။ လင့်ခ်တစ်ခုဖန်တီးရန်အတွက် syntax သည် ဤကဲ့သို့ဖြစ်သည်-

ဥပမာအားဖြင့်၊ သင်သည် Google သို့ လင့်ခ်တစ်ခုကို ဖန်တီးလိုပါက၊ ၎င်းသည် ဤကဲ့သို့ ဖြစ်လိမ့်မည်-

Google

သင့်လင့်ခ်ကို ဖန်တီးပြီးသည်နှင့်၊ ပိုမိုကောင်းမွန်သောဝင်ရောက်နိုင်မှုနှင့် လုံခြုံရေးရည်ရွယ်ချက်များအတွက် ပစ်မှတ်နှင့် rel ရည်ညွှန်းချက်များကဲ့သို့သော အပိုပစ္စည်းများကို သင်ထည့်သွင်းနိုင်သည်။ ဥပမာ:

Google