Estou tentando adicionar objetos a 2 propriedade do componente FecthApis. Faço a chamada para as duas Api's, e recebo a requisição com os objetos esperados. Porém, quando tento incluir esses objetos nas duas propriedades, com "setState", recebo o seguinte erro para a segunda propriedade (feedGitHub): uncaught (in promise) TypeError: Cannot read property 'setState' of null
o código é o seguinte:
import React, { Component } from 'react';
import axios from 'axios';
class App extends React.Component {
render() {
return (
<div className="App">
<FetchApis />
</div>
)
}
}
class FetchApis extends React.Component {
constructor(){
super();
this.state ={
feedReddit: [],
feedGitHub: []
}
}
componentDidMount(){
axios.all([
axios.get('https://www.reddit.com/r/redditdev/top.json?limit=2'),
axios.get('https://api.github.com/search/repositories?q=react+language:javascript&sort=stars&order=desc')
])
.then(axios.spread(function (reddit, github) {
var feed1 = reddit.data.data.children.map(obj => obj.data);
var feed2 = github.data.items.map(obj => obj)
console.log(feed1);
console.log(feed2);
this.setState({
feedReddit: {feed1},
feedGitHub: {feed2}
})
}));
}
render(){
return(
<div>
<h1>teste</h1>
<ul>
{this.state.feedReddit.map(bananareddit =>
<li key={bananareddit.id}>{bananareddit.title}</li>
)}
</ul>
<ul>
{this.state.feedGitHub.map(bananagithub =>
<li key={bananagithub.id}>{bananagithub.name}</li>
)}
</ul>
</div>
)
}
}
export default App;
Agradeço muito pela atenção.