如何从嵌套组件导航到其他组件响应本机？

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>

和我的home组件看起来像

 <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} />