Функциональный компонент enet в компоненте класса React Native

Question

Привет, я получил следующий функциональный компонент, который сам по себе работает отлично

function MeditationList({route, navigation}) {
  const adress = route.params;

  return (
    <View>
      <HeaderBar />
      <Text>
        You have a number of {JSON.stringify(adress.item.numMed)} meditations
      </Text>
    </View>
  );
}

, но когда я пытаюсь включить его в компонент класса, он не работает, выдавая мне следующую ошибку

class PreScreen extends Component {
  meditationList = ({route}) => {
    const adress = route.params;

    return (
      <Text>
        You have a number of {JSON.stringify(adress.item.numMed)} meditations
      </Text>
    );
  };
  render() {
    return (
      <ScrollView>
          {this.meditationList()}
      </ScrollView>
    );
  }

Полагаю, я совершил глупую ошибку. Спасибо.

Answer 1

реквизиты не вводятся автоматически в ваши методы. если вы хотите использовать маршрут, вы должны использовать this.props.route

class PreScreen extends Component {
  meditationList = () => {
    const adress = this.props.route.params;

    return (
      <Text>
        You have a number of {JSON.stringify(adress.item.numMed)} meditations
      </Text>
    );
  };
  render() {
    return (
      <ScrollView>
          {this.meditationList()}
      </ScrollView>
    );
  }