Entonces, estoy tratando de generar algunos datos de un archivo json en reaccionar js, pero cuando intento ejecutarlo, siempre muestra un error que no puede leer el padre de ciertos datos del json porque no está definido aunque estoy seguro que lo puse bien.
archivo json:
{ "item": [ { "name": "item" } ] }Código:
const main = ({ backEndData }) => { return ( <div className='main'> { backEndData.items.item.forEach(product => { return ( <p>{product.name}</p> ) }) } </div> ) }Error:
Obtengo el archivo json de mi servidor back-end por cierto
Le aconsejo que lea sobre la diferencia entre map y foreach (forEach nunca devuelve algo). Intente mostrar elementos en la consola (no están definidos). Puedo suponer que su código se verá así:
backEndData.item.map(product => <p>{product.name}</p> );