function NameList() {
const names = ['Bruce', 'Clark', 'Diana']
return (
<div>
{names.map(name => <h2>{name}</h2>)}
</div>
)
}//lets say we have an array of objects called data
<div className="sample">
{data.map((item)=>{
return(
<div key={item.id} className="objectname">
<p>{item.property1}</p>
<p>{item.property2}</p>
</div>
);
});
</div>const todoItems = [
{
id: 1,
text:"todo 1"
},
{
id: 2,
text:"todo 3"
},
{
id: 3,
text:"todo 3"
}
];
const todoItems = todos.map((todo) =>
<li key={todo.id}>
{todo.text}
</li>
);