React Native - 從PassProps Navigator中檢索值

Question

如何從新路徑上的passProps獲取參數？從「家」傳遞到「單人」。確認值的解析不知道如何在single.js上檢索它們？

//index.ios.js 
class AwesomeNativeBase2 extends Component { 

    renderScene(route, navigator) { 
    if(route.name == 'single') { 
     return <Single navigator={navigator} /> 
    } 
    if(route.name == 'home') { 
     return <Home navigator={navigator} {...route.passProps} /> 
    } 
    if(route.name == 'update') { 
     return <Update navigator={navigator} {...route.passProps} /> 
    } 
    } 

    render() { 
    return (
     <View style={styles.container}> 
     <Navigator 
      initialRoute={{name: 'home'}} 
      renderScene={this.renderScene.bind(this)} 
     /> 
     </View> 
    ); 
    } 
} 

//home.js 
class Home extends Component { 
    navigate(routeName, property) { 
    this.props.navigator.push({ 
     name: routeName, 
     passProps: { 
     id: property 
     } 
    }); 
    } 

//single.js 
class Single extends Component { 
    render() { 
    console.log(this.props.navigator.pop()); 

Answer 1

正如它正在做的其他途徑，將其添加如下

renderScene(route, navigator) { 
    if(route.name == 'single') { 
     return <Single navigator={navigator} {...route.passProps}/> 
    } 
    .... 
    } 

而且Single組件內，訪問passProps屬性爲this.props.id