切换导航器抛出错误“未定义不是对象（'this.props'）”答案

【问题标题】：switch navigator throws an error "undefined is not an object ( 'this.props')"切换导航器抛出错误“未定义不是对象（'this.props'）”
【发布时间】：2021-01-28 08:09:09
【问题描述】：

我不知道该怎么做我已经尝试过堆栈导航器，道具也有同样的问题；/

进入屏幕

...
export default function App(props) {
    return (     
       <View style={{flex:1 , justifyContent:'center', alignItems:'center'}}> 
       <TouchableOpacity onPress={()=>{ 
         console.log(props)
       this.props.navigation.navigate('Home')
         //this.props.navigation.dispatch(SwitchActions.jumpTo('Home'))
         } } >
         <Text>switch test</Text>
       </TouchableOpacity>
       </View>   
    );
}...

导航

...
const SwitchNavigation = createStackNavigator({
 Enter:{screen : EnterScreen},
 Home:{ screen :HomeScreen}
})...
export default createAppContainer(SwitchNavigation);

应用程序

...
export default function App(props) {
  return (
       <NavigaitonScreens />
  );
}...

【问题讨论】：

标签： react-native react-navigation react-navigation-stack

【解决方案1】：

与导航无关。

功能组件中没有this ...

像props.navigation.navigate('Home')一样直接访问props

【讨论】：