Невозможно использовать navigator.push в основном компоненте маршрута

Question

Я новичок, чтобы реагировать на родной язык, и заголовок может быть неясным.

Проблема: не может использовать this.props.navigator.push в checkLoggedInToken() функция ниже. Он говорит this.props.navigator is undefined Но я могу использовать ту же функцию в компонентах Login и Signup.

Вопрос: Может быть, я не могу получить доступ к навигатору в этом классе основного маршрута. Каков правильный способ сделать это?

Ниже мои упрощенные коды

class AwesomeProject extends Component { 

    constructor(props){ 
    super(props); 
    this.state = { 
     loaded: false 
    }; 
    this.checkLoggedInToken(); 
    } 

    renderScene(route, navigator) { 
    if(route.id === "Signup"){ 
     return <Signup navigator={navigator} /> 
    } 

    if(route.id === "Login"){ 
     return <Login navigator={navigator} /> 
    } 
    } 

    render() { 
     return (
     <Navigator 
      style={ styles.container } 
      renderScene={ this.renderScene } 
      initialRoute={{ id : 'Signup' , name : 'SIGNUP' }} /> 
    ); 
    } 

    checkLoggedInToken(){ //Check token online with the stored one that is it legal , not expired 
    this.props.navigator.push({ 
     id: 'Home', 
    }); 
    } 

Answer 1

Я думаю, что вы должны включать в свой дом в renderScene и функцию checkLoggedInToken следует называть в функции componentDidMount.

class AwesomeProject extends Component { 

    constructor(props){ 
    super(props); 
    this.state = { 
     loaded: false 
    }; 
    } 

    componentDidMount() { 
    this.checkLoggedInToken(); 
    } 

    renderScene(route, navigator) { 
    if(route.id === "Signup"){ 
     return <Signup navigator={navigator} /> 
    } 

    if(route.id === "Login"){ 
     return <Login navigator={navigator} /> 
    } 

    if (route.id === "Home") { 
     return <Home navigator={navigator} /> 
    } 
    } 

    render() { 
     return (
     <Navigator 
      ref={(navigator) => this.navigator = navigator} 
      style={ styles.container } 
      renderScene={ this.renderScene } 
      initialRoute={{ id : 'Signup' , name : 'SIGNUP' }} /> 
    ); 
    } 

    checkLoggedInToken(){ //Check token online with the stored one that is it legal , not expired 
    this.navigator.push({ 
     id: 'Home', 
    }); 
    } 
} 

Answer 2

Я думаю ... для доступа к навигатору в вашей функции checkLoggedInToken(). U должен ссылаться на навигатор, используя ссылки.

уры делают() должно быть, как это ...

render(){ 
    return (
    <Navigator 
     ref={(ref) => this.navigator = ref} 
     style={ styles.container } 
     renderScene={ this.renderScene } 
     initialRoute={{ id : 'Signup' , name : 'SIGNUP' }} /> 
); 
} 

Теперь и может получить доступ к штурману в checkLoggedInToken функции() ..

checkLoggedInToken(){ 
    this.navigator.push({ 
    id: 'Home', 
    }); 
}