React Native 出现undefined is not an object (evaluating 'this.props.navigator')

在RN的组件里面,我们想进行界面跳转,网上查阅资料,配置代码实现如下,

<NavigatorIOS ref='nav'
              style= {styles.container}
              initialRoute= {{
                  component: LifeView,
                  title: '首页',
                  rightButtonTitle: 'more',
                  onRightButtonPress: this.onRightButtonPress,
              }}
              configureScene={(route) => {
                  return Navigator.SceneConfigs.VerticalDownSwipeJump;
              }}
              renderScene={(route, navigator) => {
                  let Component = route.component;
                  return <Component {...route.params} navigator={navigator} />
              }}>
    <LifeView/>
</NavigatorIOS>

这个LifeView组件的的跳转方法代码如下,跳转到More这个界面

_goToMore() {
    const { navigator } = this.props;
    if(navigator) {
        navigator.push({
            name: '更多',
            component: More,
        })
    }
}

这时候点击跳转的时候就会出现undefined is not an object (evaluating 'this.props.navigator')的错误提示

原因:没有绑定这个事件方法

解决方法:在constructor中对这个方法绑定

constructor (props) {
    super(props);
    this._goToMore=this._goToMore.bind(this);
}

 





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值