Basicamente eu tenho esse método que pega algumas informações da API e guarda em uma variável do estado (data: []), mas como são várias páginas, eu gostaria de ir acrescentando os resultados nessa variável para apresentar, depois de todas as requisições, todos resultados, mas não sei como faço isso.
makeRemoteRequest = (page) =>{
const url = `http://api.themoviedb.org/3/movie/popular?api_key=<<api_key>>&page=${page}`;
this.setState({loading: true});
fetch(url)
.then(res => res.json())
.then(res => {
this.setState({
data:res.results,
error: res.error || null,
loading: false,
})
this.arrayholder = res.results;
})
.catch(error=>{
this.setState({error, loading:false});
})
}
O state
:
state = {
loading: false,
data: [],
error: null,
page: 1,
}
Já tentei usar uma outra variável para controlar, mas eu preciso de um objeto, pois para mostrar os resultados finais precisarei de todos os dados do resultado da API.