React ရှိ Loop အတွင်း Child Components များ
ယခု ကျွန်ုပ်တို့၏ component များကို loop အတွင်းမှ
ထုတ်ပြပါမည်။ ဤအတွက် map method ကို အသုံးပြုပါမည်။
function App() {
const result = prods.map(prod => {
return <Product name={prod.name} cost={prod.cost} />;
});
return <div>
{result}
</div>;
}
key attribute ကို ထည့်ရန်မမေ့ပါနှင့်။
function App() {
const result = prods.map(prod => {
return <Product key={prod.id} name={prod.name} cost={prod.cost} />;
});
return <div>
{result}
</div>;
}
ယခင်လေ့ကျင့်ခန်းကို user များအား loop မှတစ်ဆင့် ထုတ်ပြရန် ပြုပြင်ပါ။
