Answers for "map each element to jsx"

map an array in react

//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>

jsx map with index

materials.map((material,index) => console.log(index +" = " + material + " = " + materials[index]));