Как перейти от вложенного компонента к другому компоненту реагировать родной?

Question

У меня есть компонент, в котором при нажатии кнопки я отображаю компонент

 <View style={styles.container}>
    <Text> in Default component!</Text> 
    <Button title="add"
    onPress={this.handelSubmit} />
     {items.map((item, index) => (
         <Home key={index} data={index}  />))} 
 </View>

, и мой домашний компонент выглядит как

 <View style={styles.container}>
    <Text onPress={() => { this.props.navigation.navigate("Calculator")}}>Semester {this.props.data +1}</Text>
  </View>

Событие onPress. Я хочу перейти на другой экран, т.е.'Calculator.js', но я получил ошибку Я использую реагирующую навигацию для навигации

Answer 1

Если вы хотите перейти от компонента, вы должны использовать его следующим образом:

<Home key={index} data={index} navigation={this.props.navigation} />