React NativeからNavigatorを参照できません

Question

React Nativeプロジェクトで作業していますが、Navigatorオブジェクトを参照できない理由がわかりません。エラーが発生しました：undefined is not an object (evaluating _this2.refs._navigator.push)私のsetTimeout機能が起動すると、1秒後にエラーが発生します。

はここ

が私のコードで任意の助けに感謝します。

App.js

// ... some code initialization... 

class App extends Component { 
    constructor(props) { 
    super(props); 
    } 

    componentDidMount() { 
    setTimeout(() => { 
     this.refs._navigator.push(routes[1]); 
    }, 1000); 
    } 

    render() { 
    return(
     <Navigator 
     initialRoute={routes[0]} 
     initialRouteStack={routes} 
     renderScene={(route, navigator) => { 
      switch (route.index) { 
      case 0: 
       return <Home />; 
      case 1: 
       return <About />; 
      default: 
       return <Home />; 
      } 
     }} 
     ref={(nav) => { this._navigator = nav; }} 
     /> 
    ); 
    } 

} 

const routes = [ 
    {title: 'Home', index: 0}, 
    {title: 'About', index: 1}, 
    {title: 'Cars', index: 2} 
]; 

Answer 1

componentDidMountでこれをやってみてください、あなたのナビゲーターrefの中this._navigatorとしてNAVを参照しているため

componentDidMount() { 
    setTimeout(() => { 
    this._navigator.push(routes[1]); 
    }, 1000); 
} 

です。