Fala pessoal? Tudo bem?
Estou com um problema em minha aplicação no React com uma api, vocês poderiam me ajudar?
Estou querendo mostrar os nomes dos pokemons de uma api, porém o array que fica os nomes dos pokemons fica dentro de "results" no "data" da api, ai sempre que eu tento executar o código da "undefined" como se não tivesse um array pra ele ler.
ainda não cheguei a colocar o render, porém como faço pra avisar o this.setState({pokemon: response.data})
que o array esta dentro de results?
exemplo: this.setState({pokemon: response.data"results"})
import api from './api';
class App extends Component{
state={
pokemon: [],
}
async componentDidMount(){
const response = await api.get('');
console.log(response.data);
this.setState({pokemon: response.data})
}
render(){};
}
export default App;
import axios from 'axios';
const api = axios.create({
baseURL: 'https://pokeapi.co/api/v2/pokemon'
})
export default api;
response.data.results