tengo una api que me devuelve dentro de "data" una serie de objetos, tal como muestro en la captura
Yo tengo este código con React (disculpar estoy empezando) y no veo como recorrer dentro de data los elementos.
import React, { Component } from "react";
export default class ListItems extends Component {
constructor(props) {
super(props);
this.state = {
items : [],
isLoaded: false,
}
}
componentDidMount() {
fetch('http://api-diets.local/api/diets/user/2')
.then(res => res.json())
.then(json => {
this.setState({
isLoaded:true,
items: json,
})
});
}
render() {
var {isLoaded, items} = this.state;
if (!isLoaded) {
return <div>Loading...</div>;
}
else {
return (
// <h3>Listado items</h3>
<div className="App">
<ul>
{items.map(item => (
<li key={item.id}>
Name : {item.name}
</li>
))};
</ul>
</div>
);
}
}
}
Si hago un console.log de response.data, lo que veo es lo siguiente pero no veo los datos que muestro en la captura primera de "id,name,..."