ReactRouter: Eigenschaft "imageId" von undefined kann nicht gelesen werden

Question

Ich versuche, React Router für ein reaktionseigenes Projekt zu verwenden. In meinem index.js Datei ich habe:

<NativeRouter> 
    <View> 
     <Route path="/" component={MainComponent} /> 
     <Route path="/images/:imageId/" component={ShowImage} /> 
    </View> 
    </NativeRouter> 

Und im DisplayComponent ich habe:

<View}> 
     {items.map(item => { 
     return (
      <Link to="images/7326" key={item.id}> 
      <Image 
       source={{uri: 'https://someImageLink...'}} 
      /> 
      </Link> 
     ) 
     })} 
    </View> 

Und zeigen Bild sieht wie folgt aus:

export default class ShowImage extends Component { 
    render() { 
    return (
     <View> 
     <Text>{this.props.params.imageId}</Text> 
    </View> 
    ); 
} 
} 

Wenn ich auf einer geladenen klicken Bild bekomme ich folgende Fehlermeldung:

can not read "imageId" of undefined. 

Ich vermute also, dass die Requisiten nicht reingereicht werden, aber ich kann nicht herausfinden, wo ... Vielen Dank für die Hilfe.

Answer 1

In der neuesten Version von react-router versuchen können, die ich Sie verwenden bin zu raten, die Strecke params vom match prop zur Verfügung. So erhalten, um das imageId

Verwenden

<Text>{this.props.match.params.imageId}</Text> 

Answer 2

Sie dieses

export default class ShowImage extends Component { 
    render() { 
    return (
     <View> 
     <Text>{this.props.match.params.imageId}</Text> 
    </View> 
    ); 
}