npm ဖြင့် React Router ကိုထည့်သွင်းခြင်းနှင့်ပတ်သက်သည့် အဓိကပြဿနာမှာ သင်အသုံးပြုနေသော React Router ဗားရှင်းနှင့် ကိုက်ညီမှုရှိမရှိကို ဆုံးဖြတ်ရန် ခက်ခဲနေခြင်းဖြစ်သည်။ React နှင့် React Router နှစ်ခုစလုံးသည် လျင်မြန်စွာ ပြောင်းလဲနေသောကြောင့် Router သည် ကောင်းမွန်စွာအလုပ်လုပ်နိုင်ရန်အတွက် ဗားရှင်းများသည် တူညီရပါမည်။ ထို့အပြင်၊ သင့်တွင် React ဗားရှင်းအဟောင်းကို ထည့်သွင်းထားပါက၊ ၎င်းသည် React Router ဗားရှင်းအသစ်များနှင့် တွဲဖက်အသုံးပြုနိုင်မည်မဟုတ်ပါ။ ထို့ကြောင့် React Router ဗားရှင်းအသစ်ကို ထည့်သွင်းရန် မကြိုးစားမီ လိုက်ဖက်ညီမှုကို စစ်ဆေးရန် အရေးကြီးပါသည်။
To install React Router with npm, run the following command in your terminal: npm install react-router-dom
1. npm ထည့်သွင်းခြင်း- ဤ command သည် npm registry မှ ပက်ကေ့ခ်ျတစ်ခုကို ထည့်သွင်းပေးလိမ့်မည်။
2. react-router-dom- ဤသည်မှာ React Router DOM ဖြစ်သည့် တပ်ဆင်မည့် ပက်ကေ့ခ်ျ၏ အမည်ဖြစ်သည်။
npm ပက်ကေ့ဂျ်မန်နေဂျာ
NPM (Node Package Manager) သည် React Router အတွက် ကုဒ်ပက်ကေ့ဂျ်များကို ထည့်သွင်းရန်၊ မျှဝေရန်နှင့် စီမံခန့်ခွဲရန် developer များအား တပ်ဆင်ရန်၊ မျှဝေရန်နှင့် စီမံခန့်ခွဲခွင့်ပြုသည့် JavaScript အတွက် ပက်ကေ့ဂျ်မန်နေဂျာတစ်ခုဖြစ်သည်။ ၎င်းသည် JavaScript အတွက် ရေပန်းအစားဆုံး ပက်ကေ့ဂျ်မန်နေဂျာဖြစ်ပြီး React Router အပလီကေးရှင်းများတွင် အသုံးပြုနိုင်သည့် ထောင်ပေါင်းများစွာသော စာကြည့်တိုက်များသို့ ဝင်ရောက်ခွင့် ပေးပါသည်။ NPM သည် ဆော့ဖ်ဝဲအင်ဂျင်နီယာများအား ပက်ကေ့ဂျ်များကို လျင်မြန်စွာရှာဖွေပြီး ထည့်သွင်းပေးသည့်အပြင် လိုအပ်သည့်အခါတွင် ၎င်းတို့ကို အလွယ်တကူ အပ်ဒိတ်လုပ်ရန် ကူညီပေးသည်။ ၎င်းသည် developer များအား ၎င်းတို့၏ မှီခိုအားထားမှုများကို ခြေရာခံရန်နှင့် ၎င်းတို့အား နောက်ဆုံးထွက်ဗားရှင်းများဖြင့် နောက်ဆုံးပေါ်ဗားရှင်းများဖြစ်ကြောင်း သေချာစေရန်ကိုလည်း ခွင့်ပြုထားသည်။ ထို့အပြင်၊ NPM သည် ပရောဂျက်များကြားကုဒ်ကို မျှဝေရန်နှင့် ပရောဂျက်တစ်ခုတွင် အခြား developer များနှင့် ပူးပေါင်းလုပ်ဆောင်ရန် လွယ်ကူစေသည်။
Router တပ်ဆင်ခြင်းလုပ်ငန်းစဉ်ကို တုံ့ပြန်ပါ။
React Router အတွက် တပ်ဆင်ခြင်းလုပ်ငန်းစဉ်သည် အလွန်ရိုးရှင်းပါသည်။
1. npm မှ react-router-dom package ကို ထည့်သွင်းပါ-
`npm install react-router-dom`
2. သင့် React အက်ပ်သို့ react-router-dom package မှ BrowserRouter အစိတ်အပိုင်းကို တင်သွင်းပါ-
`react-router-dom'` မှ { BrowserRouter } ကို တင်သွင်းပါ။
3. သင်၏ root အစိတ်အပိုင်းကို BrowserRouter အစိတ်အပိုင်းဖြင့် ခြုံပါ-
`
4. Route and Switch အစိတ်အပိုင်းများကို အသုံးပြု၍ သင့်အပလီကေးရှင်းသို့ လမ်းကြောင်းများထည့်ပါ-
``
