React Native can't access this.props outside of render() method
<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>