React Router တွင် အခြားလမ်းကြောင်းသို့ ပြန်ညွှန်းခြင်း

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

ဖိုင် edit.jsx ကို ဖွင့်ပြီး စာကြည့်တိုက်မှ redirect ကို တင်သွင်းလိုက်ပါမည်။

import { redirect } from 'react-router-dom';

ထို့နောက် လုပ်ဆောင်ချက် action သည် ယခု 1 ကို ပြန်မပေးတော့ဘဲ ကျွန်ုပ်တို့ကို လိုအပ်သောလမ်းကြောင်းသို့ ပြန်ညွှန်းပို့ပေးရန် ပြုလုပ်ပါမည်။ ဤကိစ္စတွင် ကျွန်ုပ်တို့သည် ထုတ်ကုန်၏စာမျက်နှာသို့ ပြန်သွားရန် လိုအပ်ပါသည်။

return redirect(`/products/${params.productId}`);

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

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

ပထမဦးစွာ ယခုအခါ root.jsx ဖိုင်ကို ဖွင့်ပြီး redirect ကို တင်သွင်းရပါမည်။ အဘယ်ကြောင့်ဆိုသော် ထုတ်ကုန်များ ထပ်ထည့်ခြင်းသည် အခြေစိုက်စာမျက်နှာတွင် ဖြစ်ပွားသောကြောင့်ဖြစ်သည်။

import { redirect } from 'react-router-dom';

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

return redirect(`/products/${product.id}/edit`);

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

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

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