This.props не определено в методе класса

У меня есть компонент с методами render и onPress, описанными ниже...

  onCardPressed(event) {
    console.info(this.props);
    const { data } = this.props;
    console.info(event, data);
  }

  render() {
    const { data } = this.props;
    return (
      <TouchableOpacity
        onPress = {this.onCardPressed}
      >
        <Container style = {{ elevation: 5 }}>
          <SectionTitle>
            This is a
            {` ${data.city} `}
            card
          </SectionTitle>
        </Container>
      </TouchableOpacity>
    );
  }

В этом примере карточка будет правильно отображаться This is a London card, но в методе onPress this.props возвращает undefined.

Как я могу получить доступ к объекту this.props для оценки?