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

React Router 6 navigate နှင့်ပတ်သက်သော အဓိကပြဿနာမှာ ၎င်းသည် ပစ်မှတ်လမ်းကြောင်းသို့ props သို့မဟုတ် state ကို props ပေးပို့ရန်နည်းလမ်းကို မပေးဆောင်ခြင်းကြောင့်ဖြစ်သည်။ ဆိုလိုသည်မှာ သင်သည် လမ်းကြောင်းတစ်ခုမှ အခြားတစ်ခုကို ဒေတာပေးပို့ရန် လိုအပ်ပါက၊ သင်သည် React Query သို့မဟုတ် Redux ကဲ့သို့သော စာကြည့်တိုက်ကို အသုံးပြုရမည်ဖြစ်သည်။ ထို့အပြင်၊ လမ်းကြောင်းပြစနစ်သည် URL များပေါ်တွင်အခြေခံထားပြီး အစိတ်အပိုင်းများမဟုတ်သောကြောင့် URLs များအစား အစိတ်အပိုင်းများနှင့်အလုပ်လုပ်သော developer များအတွက် ခက်ခဲနိုင်သည်။

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

const history = useHistory();

history.navigate("/path/to/page");

1. ဤစာကြောင်းသည် react-router-dom စာကြည့်တိုက်မှ useHistory ချိတ်ကို တင်သွင်းသည်။
2. ဤစာကြောင်းသည် သမိုင်းဟုခေါ်သော အဆက်မပြတ်အသစ်တစ်ခုကို ဖန်တီးပြီး ၎င်းကို useHistory ချိတ်တွင် သတ်မှတ်ပေးသည်။
3. ဤအခြေအနေတွင် “/path/to/page” တွင် သတ်မှတ်ထားသောလမ်းကြောင်းသို့ သွားရန် ဤစာကြောင်းသည် ကိန်းသေမှတ်တမ်းကို အသုံးပြုသည်။

နေရာကို

React Router သည် ဆော့ဖ်ဝဲအင်ဂျင်နီယာများသည် ၎င်းတို့၏ အပလီကေးရှင်းများတွင် လမ်းကြောင်းပြခြင်း၊ စီမံခြင်းနှင့် ကိုင်တွယ်ခြင်းတို့ကို ကူညီပေးသည့် React ၏ထိပ်တွင် တည်ဆောက်ထားသည့် အားကောင်းသည့်လမ်းကြောင်းပြစာကြည့်တိုက်တစ်ခုဖြစ်သည်။ ၎င်းသည် React အပလီကေးရှင်းများအတွက် ပြီးပြည့်စုံသောလမ်းကြောင်းဖြေရှင်းချက်တစ်ခုဖြစ်သည့် ရွေ့လျားလမ်းကြောင်းကိုက်ညီမှု၊ တည်နေရာအပြောင်းအရွှေ့ကိုင်တွယ်မှု၊ လှိမ့်မှုပြန်လည်ထူထောင်ရေးနှင့် အခြားအရာများကဲ့သို့သော အင်္ဂါရပ်များပါရှိသည်။ Navigate သည် developer များအား ၎င်းတို့၏ အပလီကေးရှင်းရှိ မတူညီသော လမ်းကြောင်းများကြားတွင် ပရိုဂရမ်ကျကျ သွားလာခွင့်ပြုသည့် React Router ၏ အရေးကြီးသော အစိတ်အပိုင်းတစ်ခုဖြစ်သည်။ ၎င်းသည် သမိုင်းအရာဝတ္တုကို အသုံးပြု၍ သို့မဟုတ် လမ်းကြောင်းအမည်ကို တိုက်ရိုက်ပေးခြင်းဖြင့် လမ်းကြောင်းများအကြား သွားလာရန် API ကို ပံ့ပိုးပေးသည်။ Navigate ဖြင့်၊ developer များသည် ၎င်းတို့၏ အပလီကေးရှင်းအတွင်းရှိ အခြားစာမျက်နှာများသို့ လင့်ခ်များကို အလွယ်တကူ ဖန်တီးနိုင်ပြီး စာမျက်နှာကို ပြန်လည်စတင်ခြင်းမပြုဘဲ မတူညီသောအမြင်များအကြား ပြောင်းနိုင်စေရန် သုံးစွဲသူများကို ပေးစွမ်းနိုင်သည်။

react router နဲ့ ဘယ်လိုသွားရမလဲ။

React Router ဖြင့် သွားလာခြင်းသည် ရိုးရှင်းသော လုပ်ငန်းစဉ်တစ်ခုဖြစ်သည်။ စတင်ရန်၊ သင်သည် npm မှ React Router ပက်ကေ့ဂျ်ကို ထည့်သွင်းရန် လိုအပ်ပါသည်။ တပ်ဆင်ပြီးသည်နှင့်သင်အသုံးပြုနိုင်သည်။ သင့်အပလီကေးရှင်းရှိ လမ်းကြောင်းများကို သတ်မှတ်ရန် အစိတ်အပိုင်း။ ဟိ အစိတ်အပိုင်းသည် props နှစ်ခုဖြစ်သည်- လမ်းကြောင်းနှင့် အစိတ်အပိုင်းကို ယူသည်။ လမ်းကြောင်း prop သည် လမ်းကြောင်းကို အစပျိုးပေးမည့် URL လမ်းကြောင်းကို သတ်မှတ်ပေးပြီး အစိတ်အပိုင်း prop သည် ထိုလမ်းကြောင်းနှင့် ကိုက်ညီသောအခါတွင် ပြန်ဆိုမည့် React အစိတ်အပိုင်းတစ်ခုဖြစ်သည်။

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

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