React හි චක්රයක දරු කොටස්
දැන් අපි අපගේ කොටස් චක්රයකින්
ප්රතිදානය කරමු. මේ සඳහා map ක්රමය භාවිතා කරමු:
function App() {
const result = prods.map(prod => {
return <Product name={prod.name} cost={prod.cost} />;
});
return <div>
{result}
</div>;
}
key ගුණාංගය දැක්වීමට අමතක නොකරමු:
function App() {
const result = prods.map(prod => {
return <Product key={prod.id} name={prod.name} cost={prod.cost} />;
});
return <div>
{result}
</div>;
}
පෙර ගැටලුව වෙනස් කරන්න එවිට පරිශීලකයන් චක්රයකින් ප්රතිදානය වේ.