title: React Native access this.prop from inside function
body: <p>I have the following code:</p>
  
  <pre><code>module.exports = class Menu extends Component {
  
      about() {
          this.props.nav.push({
              component: TestView,
              title: 'Test View',
          });
      }
  
      render() {
          return (
              &lt;ScrollView
                  scrollsToTop={false}
                  style={styles.menu}
                  navigator={this.props.nav}&gt;
                  &lt;View style={styles.logoContainer}&gt;
                      &lt;Image
                          style={styles.logo}
                          source={{ uri, }}/&gt;
                  &lt;/View&gt;
  
                  &lt;Text onPress={this.about} style={styles.item}&gt;About&lt;/Text&gt;
                  &lt;Text style={styles.item}&gt;Account&lt;/Text&gt;
              &lt;/ScrollView&gt;
          );
      }
  };
  </code></pre>
  
  <p>I keep getting the error message:</p>
  
  <pre><code>"undefined is not an object ("evaluating this.props.nav") 
  </code></pre>
  
  <p>when "onPress" calls "this.about". I placed a console.log within the render function and I could see that this.props.nav contained a value. The issue occurs in the about() function and I am not sure why.</p>
  
  <p>Any suggestions would be great?</p>
  
  <p>Thanks</p>