title: React component state refactoring using ES7
body: <p>Can someone help me refactor this code in the ES7 format? I have it setup per ES7 syntax but I get "this.makeNewQuestion" undefined.</p>
  
  <pre><code> import React, { Component } from 'react';
  
      class Game  extends Component{
       constructor(props) {
          super(props);
          const valuesArray = this.makeNewQuestion();
          this.state = {
            value1: valuesArray[0],
            value2: valuesArray[1],
            value3: valuesArray[2],
            proposedAnswer: valuesArray[3],
          };
        }
  
        makeNewQuestion = () =&gt; {
          const value1 = Math.floor(Math.random() * 100);
          const value2 = Math.floor(Math.random() * 100);
          const value3 = Math.floor(Math.random() * 100);
          const proposedAnswer = Math.floor(Math.random() * 3) + (value1 + value2 + value3);
          return [value1, value2, value3, proposedAnswer];
        };
  
        someOtherNonFatArrowMethod(){
  
        }
  
        render(){
        return &lt;h2 /&gt;
       }
      }
  </code></pre>
  
  <p>What I have in ES7 format is like this. It looks correct to me, but I get this.makeNewQuestion being undefined. that doesn't make any sense to me. Can anyone help me spot what I am missing here?</p>
  
  <pre><code>class Game extends Component{
    state = {
      value1: this.generateQuestions()[0],
      value2: this.generateQuestions()[1],
      value3: this.generateQuestions()[2],
      proposedAnswer: this.generateQuestions()[3]
    };
  
    generateQuestions = () =&gt; {
      const value1 = Math.floor(Math.random() * 100);
      const value2 = Math.floor(Math.random() * 100);
      const value3 = Math.floor(Math.random() * 100);
      const proposedAnswer = Math.floor(Math.random() * 3) + (value1 + value2 + value3);
      return [value1, value2, value3, proposedAnswer];
    };
  
  someNonFatArrowFunc(){}
  render(){
   return &lt;h2/&gt;
  }
  }
  </code></pre>
  
  <p>Also how do I avoid having to run makeNewQuestion multiple times in the state? where else would I capture the result of makeNewFunction() inside the class?</p>