[AskJS] Can't access an array of special objects, but can access the entire array.

class YearReview extends React.Component {
state = {
scienceArray: [],
sportsArray: [],
artsArray: [],
businessArray: [],
diningArray: [],
blogsArray:[],
opinionArray: []
}
componentDidMount(){
//Science Articles Created
this.createArticleObjectSort("https://i1.wp.com/cornellsun.com/wp-content/uploads/2019/02/pasted-image-0-e1551242362515.png? zoom=2&fit=1170%2C779","Cornell Sustainability Programs in Line with Representative Ocasio-Cortez’s Green New Deal Proposal","https://cornellsun.com/2019/02/26/cornell-sustainability-programs-in-line-with-representative-ocasio-cortezs-green-new-deal- proposal/","science");
}
createArticleObjectSort = (thumbnail,description,hyperlink,category) => {
let temp = new Article(this.thumbnail=thumbnail, this.description=description,this.hyperlink=hyperlink,this.category=category);

if(category == "science"){
this.state.scienceArray.push(temp);
}
}
render() {
return (
<div>
<title>End In Year Review</title>
<Navigation/>
<Section header="SCIENCE" backgroundImage={sectionSeven} articles={this.state.scienceArray}/>
<Footer/>
</div>
)
}
}
export default YearReview;

/r/learnjavascript Thread