React တွင် Component အတွင်း id ကိုပေးပို့ခြင်း

Component tag ၏ attributes များသည် props ထဲသို့ရောက်ရှိသည်ကို သင်သိပြီးဖြစ်သည်။ ဤသည်မှာ loops များတွင်အသုံးပြုရန်လိုအပ်သော key attribute မှလွဲ၍ attribute အားလုံးအတွက်အကျုံးဝင်သည်၊ ဤကဲ့သို့ဖြစ်သည်:

const items = prods.map(prod => {
	return <Product
		key ={prod.id}
		name={prod.name}
		cost={prod.cost}
	/>;
});

ဤကိစ္စတွင် name နှင့် cost attributes များသည် props ထဲသို့ရောက်ရှိမည်၊ သို့သော် key မှာမရောက်ပါ။ သို့သော် id ကို component ၏ props ထဲသို့ပေးပို့ရန် လိုအပ်နိုင်သည်။ ထိုသို့ဆိုလျှင် attribute တစ်ခုထပ်မံထည့်သွင်းရန်လိုအပ်မည်:

const items = prods.map(prod => {
	return <Product
		key ={prod.id}
		id  ={prod.id}
		name={prod.name}
		cost={prod.cost}
	/>;
});

�င့် User component ကို user ၏ id ကိုစာပိုဒ်အတွင်းမှာဖော်ပြရန် ပြုပြင်မွမ်းမံပါ။