Estoy tratando de imprimir datos JSON ( esto ) en React. llegué a esto:
const print = data.forEach(e => { e.data.map(el => { return( <li>{el.account_id}</li> ) }) }); return ( <div> <ul> {print} </ul> </div> ); Sin embargo, no funciona (cuando hago console.log(el.account_id) registra todo, pero no muestra los datos en ul ). ¿Qué estoy haciendo mal?
EDITAR:
const print = data.map(e => { return e.data.map(el => { return( <li>{el.account_id}</li> ) }) }); return ( <div> <ul> {print} </ul> </div> );es la forma correcta de hacerlo.
Estás muy cerca. forEach no devuelve nada. Usa el map .
Probablemente quieras algo más parecido a esto:
const print = data.map(record => ( <div key={record.meta.page}> <h3>PAGE: {record.meta.page}</h3> <ul> {record.data.map(item => { return (<li key={item.account_id}>{item.account_id}</li>) }) } </ul> </div> )) return ( <div> {print} </div> )const print = data.map(el => { return( <li>{el.account_id}</li> ) }) return ( <div> <ul> {print} </ul> </div> );no necesitas el forEach