estoy consumiendo recursos de una API y almacenandolos en los states, especificamente en listadoItems: [] pero por cuando actualizo los states con la data proveniente de la api no me pasan los valores..devolviendome un array vacio en listadoItems: [] estoy trabajando con context api, siento que en this.setState no estoy pasando bien la ruta para hacer el feed de la data al array
export class AppProvider extends React.Component {
constructor(props) {
super(props);
this.state = {
store: {
listadoItems: [],
carroItems: []
}
,
action: {
addItem: this.addItem,
showModal: this.showModal
}
}
}
componentDidMount() {
this.getInfo();
}
getInfo = () => {
fetch('https://jsonplaceholder.typicode.com/users')
.then(resp => {
console.log(resp.status);
return resp.json();
})
.then(data => {
console.log('recibe: ', data);
this.setState({
listadoItems: data
})
console.log('listado: ', this.state.store.listadoItems);
})
}
console.log
aún no te muestre datos, para asegurarte mejor ejecuta elconsole.log
en el callback delsetState
, así:this.setState({ store: { listadoItems: data } }, () => { console.log(this.state.store.listadoItems) })