how to apply map in map in react render 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} />)}