React တွင် ID အသစ်များနှင့်ပတ်သက်သောပြဿနာများ

ဒေတာအခြေစိုက်စင်တာမှ အောက်ပါအတိုင်း အရာဝတ္ထုများ၏ array တစ်ခုရောက်လာသည်ဆိုပါစို့။

const prods = [
	{id: 1, name: 'product1', cost: 100},
	{id: 2, name: 'product2', cost: 200},
	{id: 3, name: 'product3', cost: 300},
];

မြင်တွေ့ရသည့်အတိုင်း၊ id များကို အစဉ်လိုက် နံပါတ်တပ်ထားသည်။ သို့သော် နံပါတ်များတွင် ကြားလွတ်နေနိုင်သည်ကို ထည့်သွင်းစဉ်းစားရမည်၊ ဥပမာ၊ 3 ခုမြောက်ပြီးနောက် 5 ခုမြောက် သို့မဟုတ် 6 ခုမြောက် တန်းပြီးရောက်နိုင်သည်။ ထို့ကြောင့် ကျွန်ုပ်တို့၏ client script သည် နောက်ထွက်ရှိမည့် id ကို မသိနိုင်ပါ (ကျွန်ုပ်တို့၏အခြေအနေတွင် လေးခုမြောက် ဖြစ်ရန်မလိုအပ်ပါ)။

id အသစ်များကို server ၏ ဒေတာအခြေစိုက်စင်တာက ဖန်တီးပေးသည်။ ဤအချက်သည် client ဘက်တွင် အလုပ်လုပ်စဉ် ပြဿနာအချို့ ပေါ်ပေါက်စေနိုင်သည်။ အဓိကအချက်မှာ - form အသုံးပြု၍ array ထဲသို့ အရာဝတ္ထုအသစ်တစ်ခု ထည့်လိုက်သည်ဟု စိတ်ကူးကြည့်ပါ။ သို့သော် form မှဒေတာကို ရိုးရိုးရှင်းရှင်း ယူထည့်လို့မရပါ - အဘယ့်ကြောင့်ဆိုသော် အရာဝတ္ထုအသစ်၏ id က ဘာဖြစ်မည်ကို မသိပါ။

နောက်လာမည့် id အစဉ်ကို ပေးစေရန် server ထံ request ပို့ရမည်၊ ထို့နောက်မှသာ ကျွန်ုပ်တို့၏ အရာဝတ္ထုများ array ထဲသို့ အဲဒီ element ကို ထည့်နိုင်မည်။ ဤအရာသည် ဖန်သားပြင်ပေါ်တွင် ဒေတာများပြသခြင်းကို နှောင့်နှေးစေမည်။ ဒေတာများ server သို့ရောက်သည်အထိ၊ server က ၎င်းတို့ကို ပြန်ပို့သည်အထိ အချိန်အနည်းငယ် ကြာမြင့်မည်ဖြစ်သည်။