Estoy empezando a reaccionar y no puedo resolver mi problema. tengo un objeto
modes= { "easyMode": { "field": 5 }, "normalMode": { "field": 10 }, "hardMode": { "field": 15 } }
Y necesito mapear estos modos (modo fácil, modo normal y modo difícil), pero sé que no puedo mapear un objeto, solo matrices. Bien, pero esto tampoco funciona.
const arrayOfObjects = [{ modes }]; return ( <ul> {arrayOfObjects.map(mode=> <li key={mode}>{mode} </li>)}</ul>)
¿Cómo necesito hacer esto bien?
Puede usar Object.keys() para obtener una matriz con teclas de modos
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> )