title: React Native can't access this.props outside of render() method
body: <p>I am trying to access <code>this.props</code> in the <code>clicked()</code> method, but they are undefined. How can I access <code>this.props</code> through the methods in the ListItemExample class? </p>
  
  <p>My goal is to maintain the <code>id</code> into the show view that shows the detail view for a clicked ListItemExample. </p>
  
  <pre><code>export default class Example extends Component {
  
    constructor() {
      super();
      let ds = new ListView.DataSource({rowHasChanged: (r1, r2) =&gt; r1 !== r2});
  
      this.state =  {
        dataSource: ds,
        isLoading: true
      };
    }
  
    componentDidMount() {
      this.fetchData()
    }
  
    fetchData() {
  
      Api.getPosts().then((resp) =&gt; {
        console.log(resp);
        this.setState({
          dataSource: this.state.dataSource.cloneWithRows(resp.posts),
          isLoading: false
        })
      });
  
    }
  
    render() {
      return (
        &lt;View style={styles.container}&gt;
  
            &lt;ListView
                dataSource={this.state.dataSource}
                renderRow={this.renderRow.bind(this)}
                style={styles.postList}
                /&gt;
  
        &lt;/View&gt;
      );
    }
  
    renderRow(post) {
      return (
          &lt;PostListItem
            id={post.id}
            coverImage={post.cover_image}
            title={post.title}
            lockedStatus={post.status}
            time={post.time} /&gt;
      );
    }
  
  }
  
  
  
  export default class ListItemExample extends Component {
  
    constructor() {
      super();
    }
  
    render() {
      return (
        &lt;TouchableHighlight onPress={this.clicked} &gt;
          &lt;View style={styles.postItem}&gt;
  
  
          &lt;/View&gt;
        &lt;/TouchableHighlight&gt;
      );
    }
  
    clicked() {
      console.log("clicked props");
      console.log(this.props);
      Actions.openPost();
    }
  
  }
  </code></pre>