Q:

React Native property not passed to child component

I have the following problem.
I am creating a React Native appliation and I want to pass a click handler to a child component. But when I try to call the click handler in the child component I keep getting a _this.props.onItemPress is not a function Exception.
When I try to pass the function with a .bind(this) inside the parent, it says the function is undefined.
Here's my code:
Parent
  constructor(props) {
    super(props)

    this.handleTodoPress = this.handleTodoPress.bind(this)
  }

 ...

  handleTodoPress(event) {
    console.warn('Press handled')
  }

  renderItem ({section, item}) {
    return <TodoItem onItemPress={this.handleTodoPress} title={item.title} description={item.description} completed={item.completed} />
  }

...

  render () {
    return (
      <View style={styles.container}>
        <SectionList
          renderSectionHeader={this.renderSectionHeader}
          sections={this.state.data}
          contentContainerStyle={styles.listContent}
          data={this.state.dataObjects}
          renderItem={this.renderItem}
          keyExtractor={this.keyExtractor}
          initialNumToRender={this.oneScreensWorth}
          ListHeaderComponent={this.renderHeader}
          SectionSeparatorComponent={this.renderSectionSeparator}
          ListEmptyComponent={this.renderEmpty}
          ItemSeparatorComponent={this.renderSeparator}
          renderSectionFooter={this.renderSectionFooter}
        />
      </View>
    )
  }
}

Child
import React, { Component } from 'react';
import { TouchableOpacity, View, Text, } from 'react-native';
import styles from './Styles/TodoItemStyles'

export default class TodoItem extends Component {
  constructor(props) {
    super(props)
    this.state = {completed: 'Todo'}

    this.setCompletedState = this.setCompletedState.bind(this)
  }

  itemPressed = (e) => {
    console.warn(this.props);
    this.props.onItemPress(e)
  }

  setCompletedState() {
    if (this.props.completed == true) {
      this.setState({completed: 'Completed'})
    }
  }

  componentWillMount() {
    this.setCompletedState()
  }

  render() {

    return (
      <TouchableOpacity onPress={this.itemPressed}>
        <View style={styles.todoContainer}>
          <Text style={styles.itemTitle}>{this.props.title}</Text>
          <Text style={styles.itemDescription}>{this.props.description}</Text>
          <Text style={[styles.itemLabel, this.props.completed ? styles.itemLabelCompleted : styles.itemLabelNotCompleted]}>{this.state.completed}</Text>
        </View>
      </TouchableOpacity>
    );
  }
}

A:

TRY: 
export default class TodoItem extends Component {
  constructor(props) {
    super(props)
    this.state = {completed: 'Todo'}

    this.setCompletedState = this.setCompletedState.bind(this)
  }

  itemPressed(e){
    console.warn(this.props);
    this.props.onItemPress(e)
  }

  setCompletedState() {
    if (this.props.completed == true) {
      this.setState({completed: 'Completed'})
    }
  }

  componentWillMount() {
    this.setCompletedState()
  }

  render() {

    return (
      <TouchableOpacity onPress={this.itemPressed}>
        <View style={styles.todoContainer}>
          <Text style={styles.itemTitle}>{this.props.title}</Text>
          <Text style={styles.itemDescription}>{this.props.description}</Text>
          <Text style={[styles.itemLabel, this.props.completed ? styles.itemLabelCompleted : styles.itemLabelNotCompleted]}>{this.state.completed}</Text>
        </View>
      </TouchableOpacity>
    );
  }
}

when you use 
  itemPressed = (e) => {
    console.warn(this.props);
    this.props.onItemPress(e)
  }

that notations binds the current context inside the function

