I'm starting react and can't solve my problem. I have an object
modes= {
"easyMode": {
"field": 5
},
"normalMode": {
"field": 10
},
"hardMode": {
"field": 15
}
}
And I need to map this modes(easyMode, normalMode and hardMode), but I know that I can't map an object, only arrays. Right, but this also doesn't work
const arrayOfObjects = [{ modes }];
return (
<ul> {arrayOfObjects.map(mode=> <li key={mode}>{mode} </li>)}</ul>)
How I need to do this right?
You can use Object.keys() to get an array with modes keys
const modes = {
easyMode: {
field: 5,
},
normalMode: {
field: 10,
},
hardMode: {
field: 15,
},
};
const modesKeys = Object.keys(modes); // ['easyMode','normalMode','hardMode' ]
return (
<ul> {modesKeys.map(mode => <li key={mode}>{mode}</li>)}</ul>
)