React native 从父级导航到特定组件（反应本机导航）

关于React本地导航的Noob问题

这是我的App.js。当我启动它时，我看到组件1

import React, { Component } from 'react';

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

class App extends Component {

  constructor(props){
    super(props);
  }

  myFunction(){
    /*
      -------------------------------------------
      Navigate from Component1 to Component2 (???)
      -------------------------------------------
    */
  }

  render(){
    return(
          <Stack.Navigator>
              <Stack.Screen name="Component1" component={Component1} />
              <Stack.Screen name="Component2" component={Component2} />
          </Stack.Navigator>
    );
  }

}

export default App

import React，{Component}来自'React'；
从'@react-navigation/native'导入{NavigationContainer}；
从'@react navigation/stack'导入{createStackNavigator}；
const Stack=createStackNavigator（）；
类应用程序扩展组件{
建造师（道具）{
超级（道具）；
}
myFunction（）{
/*
-------------------------------------------
从组件1导航到组件2（？）
-------------------------------------------
*/
}
render（）{
返回(
);
}
}
导出默认应用程序

在同一个类的myFunction中，我想导航到组件2。怎么做

我找到的所有指南都解释了如何在组件1中使用导航道具进行导航。我需要家长帮我做。你可以试试这个

this.props.navigation.navigate("Component2")