estoy aprendiendo a consumir APIS con Axios y React, y tengo un pequeño problema, al momento de acceder al array de la api me sale de la siguiente forma:
Lo cual esta bien por que es la forma que tengo de poder mostrar a todos los pokemons con un recorrido .map por que lo convierto a un objeto (Si no mal entendí, si estoy diciendo algo estúpido por favor corríjanme)
console.log(' Intentando acceder a las imagenes= ', {pokemons}.pokemons[3].url)
Lo que me devuelve la consola es lo siguiente:
Entonces, entro a la URL y lo que me muestra es lo siguiente:
Y la forma en la que lo razone yo es poner el .sprite al final del console.log, pero me devuelve un undefined.
No se como hacer para manipular las cosas dentro de la url que me devuelve la API.
Muchas gracias por su ayuda
El codigo donde obtengo la API es el siguiente:
componentDidMount() {
axios.get('https://pokeapi.co/api/v2/pokemon/?limit=151&offset=151') //Solicitud api
.then(({ data }) => {
console.log(data.results.url);
const { results: pokemons } = data;
this.setState({ pokemons });
console.log(' Intentando acceder a las imagenes= ', {pokemons}.pokemons[3].url.sprites)
})
}