using a js map in react component state code example

Example 1: 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>
  );
}

Example 2: how map work in react

{this.state.data.map((person) => <TableRow key = {shortid.generate()} data = {person} />)}