ဖြေရှင်းထားသည်- တုံ့ပြန်သည့် router ချည်

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

 add react-router-dom

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

<Router> 
    <div> 
        <ul> 
            <li><Link to="/">Home</Link></li> 
            <li><Link to="/about">About</Link></li> 
            <li><Link to="/topics">Topics</Link></li> 
        </ul>

        <hr />

        <Route exact path="/" component={Home} /> 
        <Route path="/about" component={About} /> 
        <Route path="/topics" component={Topics} />  

    </div>  
</Router>

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

2. ဤစာကြောင်းသည် အပလီကေးရှင်းတစ်ခုလုံးကို Router အစိတ်အပိုင်းတစ်ခုတွင် ပတ်ထားပေးသည်-

3. ဤ div ဒြပ်စင်တွင် မတူညီသောလမ်းကြောင်းများအကြား သွားလာရန်အသုံးပြုမည့် လင့်ခ်များစာရင်းပါရှိသည်-

React Router ဆိုတာဘာလဲ

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

ချည်ထည်ဆိုတာ ဘာလဲ။

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