title: React Compoment dont update after state change
body: <p>I have the Problem, that when my State changes in makeNewSmallThings, my render method does not update the component, can you help me? The code i will present is hortend to show mainly the important parts
  The code:</p>
  
  <pre><code>constructor(props){
      super(props)
      this.smallElements = {}
      this.handleConsume = this.handleConsume.bind(this)
      this.makeNewSmallThings = this.makeNewSmallThings.bind(this)
      this.onSmallThingSpawn = this.onSmallThingSpawn.bind(this)
      let arrayOfSmallThings = this.getInitialiceArray()
      let arrayOfObjects = this.getSmallItems(arrayOfSmallThings)
      this.state = {smallThings: arrayOfSmallThings, objects: arrayOfObjects}
      this.makeNewSmallThings()
  
      console.log(arrayOfSmallThings)
  }
  makeNewSmallThings(){
      let arrayOfSmallThings = this.state.smallThings
      let arrayOfObjects = this.state.objects
      let newId = arrayOfSmallThings[arrayOfSmallThings.length - 1] + 1
      let newObject = this.createSmallThing(newId,newId)
      arrayOfSmallThings.push(newId)
      arrayOfObjects.push(newObject)
      this.setState({smallThings: arrayOfSmallThings, objects: arrayOfObjects})
      console.log(this.state.objects)
      setTimeout(this.makeNewSmallThings, 1000)
  }
  render(){
      return (
          &lt;div className="Game"&gt;
              &lt;Player /&gt;
              {this.state.objects}
          &lt;/div&gt;
      )
  }
  </code></pre>