zoukankan      html  css  js  c++  java
  • 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>
            );
        }
    }
  • 相关阅读:
    正课day04
    正科day03
    正课day02
    正课day01
    预科day08
    Elasticsearch之-文档操作
    Elasticsearch之-映射管理
    Elasticsearch之-索引操作
    Elasticsearch之-倒排索引
    es安装官方,第三方插件
  • 原文地址:https://www.cnblogs.com/ygj0930/p/7488055.html
Copyright © 2011-2022 走看看