Answers for "setstate map array"

react array.map with return

const robots = ['Bruce', 'Clark', 'Diana']
 .
 .
 .
 
robots.map((robot, index) => {
                    return (
                        <h1 key={index}>{robot} </h1>
                    )
})

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>

new Map() collection in react state

function MapComponent(){
  const [myMap, setMyMap] = useState(new Map());
  const updateMap = (k,v) => {
    setMyMap(new Map(myMap.set(k,v)));
  }
  return(
    <ul>
      {[...myMap.keys()].map(k => (
        <li key={k}>myMap.get(k)</li>
      ))}
    </ul>
  );
}