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

React Router DOM IndexRedirect နှင့်ပတ်သက်သော အဓိကပြဿနာမှာ ၎င်းသည် မမျှော်လင့်ထားသော redirects များကို ဖြစ်စေနိုင်သည်။ အဘယ်ကြောင့်ဆိုသော် IndexRedirect အစိတ်အပိုင်းသည် အသုံးပြုသူများအား ဝဘ်ဆိုက်တစ်ခု၏ အမြစ် URL ကိုဝင်ရောက်သောအခါတွင် သတ်မှတ်ထားသောလမ်းကြောင်းသို့ အလိုအလျောက်ပြန်ညွှန်းပေးသောကြောင့်ဖြစ်သည်။ ပင်မစာမျက်နှာ သို့မဟုတ် root URL တွင် အခြားအကြောင်းအရာများကို မြင်ရန်မျှော်လင့်နေသည့် သုံးစွဲသူများအတွက် ၎င်းသည် ရှုပ်ထွေးစေနိုင်သည်။ ထို့အပြင်၊ အကယ်၍ အသုံးပြုသူတစ်ဦးသည် တိကျသောစာမျက်နှာသို့ သွားလာပြီး ၎င်းတို့၏ဘရောက်ဆာကို ပြန်လည်စတင်ပါက၊ ၎င်းတို့သည် IndexRedirect အစိတ်အပိုင်းတစ်ခုကြောင့် အဆိုပါစာမျက်နှာမှ မထင်မှတ်ပဲ ပြန်ညွှန်းခံရနိုင်သည်။

import { BrowserRouter as Router, Route, IndexRedirect } from "react-router-dom";

<Router>
  <Route path="/">
    <IndexRedirect to="/home" />
    <Route path="/home" component={Home} />
    <Route path="/about" component={About} />
  </Route>  
</Router>

1. "react-router-dom" မှ { BrowserRouter ကို Router၊ Route၊ IndexRedirect } အဖြစ် ထည့်သွင်းပါ။" - ဤလိုင်းသည် BrowserRouter၊ Route နှင့် IndexRedirect အစိတ်အပိုင်းများကို react-router-dom စာကြည့်တိုက်မှ တင်သွင်းသည်။

2 ။ "” – ဤလိုင်းသည် React အပလီကေးရှင်းအတွက် လမ်းကြောင်းသတ်မှတ်ရန် အသုံးပြုသည့် Router အစိတ်အပိုင်းတစ်ခုတွင် လမ်းကြောင်းအားလုံးကို ခြုံထားသည်။

3 ။ "” – ဤလိုင်းသည် '/' လမ်းကြောင်းဖြင့် လမ်းကြောင်းတစ်ခုကို သတ်မှတ်သည်။ ဤလမ်းကြောင်းအတွက် တောင်းဆိုမှုမှန်သမျှကို ဤလမ်းကြောင်းဖြင့် ဆောင်ရွက်ပေးပါမည်။

4 ။ "” – ဤစာကြောင်းသည် တောင်းဆိုမှုများကို '/' လမ်းကြောင်း '/home' သို့ ပြန်ညွှန်းသည်။

5 ။ "” – ဤလိုင်းသည် '/home' လမ်းကြောင်းဖြင့် လမ်းကြောင်းတစ်ခုကို သတ်မှတ်သည်။ ဤလမ်းကြောင်းအတွက် တောင်းဆိုမှုမှန်သမျှကို လမ်းကြောင်းအစိတ်အပိုင်းသို့ အကြောင်းပြချက်တစ်ခုအဖြစ် ပေးပို့ထားသည့် မူလအစိတ်အပိုင်းက ကိုင်တွယ်မည်ဖြစ်သည်။

6 ။ "” – ဤလိုင်းသည် '/about' လမ်းကြောင်းဖြင့် လမ်းကြောင်းတစ်ခု သတ်မှတ်ပေးသည်။ ဤလမ်းကြောင်းအတွက် တောင်းဆိုမှုမှန်သမျှကို လမ်းကြောင်းအစိတ်အပိုင်းသို့ အကြောင်းပြချက်တစ်ခုအဖြစ် ပေးပို့ထားသည့် About အစိတ်အပိုင်းက ကိုင်တွယ်မည်ဖြစ်သည်။

7”” & “” – ဤလိုင်းများသည် လမ်းကြောင်းများနှင့် router အစိတ်အပိုင်းများကို အသီးသီး ပိတ်ထားသည်။

IndexRedirect ဆိုတာဘာလဲ

IndexRedirect သည် သင့်အား လမ်းကြောင်းတစ်ခုမှ အခြားတစ်ခုသို့ ပြန်ညွှန်းနိုင်စေသည့် React Router တွင် အစိတ်အပိုင်းတစ်ခုဖြစ်သည်။ အသုံးပြုသူကို သင့်အပလီကေးရှင်း၏ root URL မှ အခြားလမ်းကြောင်းသို့ ပြန်ညွှန်းလိုသည့်အခါ ၎င်းကို အသုံးပြုသည်။ ဥပမာအားဖြင့်၊ သင့်တွင် “/” ၏ root URL ပါသည့် အပလီကေးရှင်းတစ်ခုရှိပါက၊ အသုံးပြုသူကို ၎င်းတို့ root URL သို့သွားရောက်သည့်အခါတွင် IndexRedirect ကို အသုံးပြု၍ “/home” သို့ ပြန်ညွှန်းနိုင်သည်။

IndexRedirect လုပ်နည်း

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

React Router တွင် IndexRedirect လုပ်ရန်၊ သင်အသုံးပြုရန်လိုအပ်သည်။ အစိတ်အပိုင်း။ ဤအစိတ်အပိုင်းသည် “to” နှင့် “push” ဟူသော ကျားကွက်နှစ်ခုကို ယူသည်။ "to" prop သည် သင်အသုံးပြုသူများကို ပြန်ညွှန်းလိုသည့် URL ကို သတ်မှတ်ရန် အသုံးပြုပြီး၊ "push" prop သည် ဤပြန်ညွှန်းခြင်း ဖြစ်ပေါ်လာသည့်အခါ ဘရောက်ဆာမှတ်တမ်းကို အပ်ဒိတ်လုပ်သင့်သည် ရှိမရှိ (ပုံမှန်အားဖြင့် မှန်သည်) ကို ဆုံးဖြတ်ပေးသည့်အချိန်တွင် "to" prop ကို အသုံးပြုသည်။

ဥပမာအားဖြင့်၊ သင်သည် သင်၏ root URL (ဥပမာ၊ www.example.com) သို့ သွားရောက်လည်ပတ်သော သုံးစွဲသူများအား www.example.com/home သို့ ပြန်ညွှန်းစေလိုပါက၊ သင်သည် ဤကဲ့သို့သော IndexRedirect ကို အသုံးပြုနိုင်ပါသည်။




အခြားလမ်းကြောင်းများ…

Related ရေးသားချက်များ:

a Comment ချန်ထား