title: Why can't I push to an array in state?
body: <p>I can't seem to push an object to array in state from an API. This is my code </p>
  
  <pre><code>      async _fetchData(number){
          try{
            await console.log('asd',number)
            let response = await fetch( 'https://www.beanlinked.com/wp-json/wp/v2/media/'+this.state.News[number].featured_media)
            let responseJson = await response.json()
            await console.log("responseJson")
            let tempURL = responseJson.guid
            let url = tempURL.rendered
  
            for (var i = 0; i &lt; this.state.News.length; i++) {
              const items = this.state.News;
              items[number].URLOnSever = url;
  
            }
  
            this.state.News.push({
              URLOnSever : url
            })
            console.log("imageurl",this.state.News.URLOnSever)
  
            return url
          }catch(e){
            console.log('problem'+e)
          }
        }
  </code></pre>
  
  <p>I just want to push the new URL to <code>this.state.News</code>.</p>