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

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

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

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

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