ReactNative踩坑日志——页面跳转之——Undefined is not an Object(evaluating this2.props.navigation.navigate)


页面跳转时,报  Undefined is not an Object(evaluating this2.props.navigation.navigate)

出错原因:在一个页面组件中调用了另一个组件,而跳转动作在被调用组件中定义。则会出现:当前呈现页面的this与跳转动作发生的this不一致,导致跳转动作不能被调用。

解决办法:在当前呈现页面获取跳转动作调用方法,作为参数传递给跳转动作发生组件。

例如:

export default class PayFailedPage extends Component {
render() {
return (
<View style={{flex:1}}>
<View style={{flex:1}}>
<PageTop navigate={this.props.navigation.navigate}/></View>
</View>
);
}
}

在跳转动作发生组件中定义跳转:

class PageTop extends Component{
render(){
return (
<View>
<View>
<Button onPress={()=>{
this.props.navigate('Index');
}} style
={{flex:1}} title="回到首页"/>
</View>
</View>
);
}
}

 


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
  © 2014-2022 ITdaan.com 联系我们: