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?
Creo que es una pregunta duplicada y puede encontrar una respuesta completa en esta pregunta aquí
pero como respuesta rápida, para los objetos, tienes que iterar así:
Object.keys(modes).map ( mode => { console.log(mode,modes[mode]) // you can access the values like this })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> )