title: this.state is undefined when used in function React JS component
body: <p>I have the React component below and I want to access this.state.board (a 2D array with 0 or 1 for each element) from a function randomPosition(). When I call randomPosition it returns "cannot read property state of undefined". Am I doing something wrong with the this keyword?</p>
  
  <pre><code>var App = React.createClass({
  
  getInitialState(){
  
    return {
  
     board: []
  
  }
  
  },
  
  randomPosition: function(){
  //generates a random position on this.state.board array
  
    var position = [];
    var positionX = null;
    var positionY = null;
  
    var generatePosition = function(){
  
      positionX = Math.floor(Math.random() * 64);
      positionY = Math.floor(Math.random() * 64);
  
      if(this.state.board[positionX][positionY] === 1){
  
        position.push(positionX, positionY);
        return position;
  
      } else {
  
        generatePosition();
  
      }
  
    }
  
    generatePosition();
  
  }
  
  
  })
  </code></pre>
  
  <p>thanks for the help!</p>