我正在尝试将 React Router 用于 react-native 项目。在我的 index.js 文件中,我有:
<NativeRouter>
<View>
<Route path="/" component={MainComponent} />
<Route path="/images/:imageId/" component={ShowImage} />
</View>
</NativeRouter>
在 DisplayComponent 中,我有:
<View}>
{items.map( item => {
return (
<Link to="images/7326" key={item.id}>
<Image
source={{uri: 'https://someImageLink...'}}
/>
</Link>
)
})}
</View>
并显示图像如下所示:
export default class ShowImage extends Component {
render() {
return (
<View>
<Text>{this.props.params.imageId}</Text>
</View>
);
}
}
当我单击加载的图像时,出现以下错误:
can not read "imageId" of undefined.
所以我猜props没有被传递,但无法弄清楚在哪里......感谢所有的帮助。