Reactjs 如何将特定id传递给路由';这条路怎么走?
我正在向redux应用商店发送操作,并尝试从应用商店获取电影id,但电影组件无法渲染。我认为这样做是错误的。将电影id传递到路线路径的正确方法是什么 主要成分Reactjs 如何将特定id传递给路由';这条路怎么走?,reactjs,react-redux,react-router-v4,Reactjs,React Redux,React Router V4,我正在向redux应用商店发送操作,并尝试从应用商店获取电影id,但电影组件无法渲染。我认为这样做是错误的。将电影id传递到路线路径的正确方法是什么 主要成分 render() { return ( <BrowserRouter> <div> <Route exact path="/" component={PopularList} /> <Route path={`/${this.
render() {
return (
<BrowserRouter>
<div>
<Route exact path="/" component={PopularList} />
<Route path={`/${this.props.movieId`} component={Movie} />
</div>
</BrowserRouter>
)
如果要传递参数,可以使用如下链接:
然后在MyComponent
中,您可以通过以下方式访问:
const{id}=props.match.params代码>
否则,您可以像这样通过:
我的路线
然后通过以下方式访问它:
const{foo}=props.location.state代码>
render(){
if (this.props.popularMovies.length) {
return (
<section className={"movies"}>
<h3>Popular Movies</h3>
<h4>{this.props.popularMovies.length}</h4>
<div className={"movies__block"}>
{
this.props.popularMovies.map((movie) => {
return (
<Link to={`/${movie.id}`} component={Movie} key={movie.id} onClick={() => {this.getMovieId(movie.id)}}>
<div className={"movie-card"}>
<div>{movie.title}</div>
<img src={`${this.dbLink}${movie.poster_path}`}></img>
</div>
</Link>
)
})
}
</div>
</section>
)
}
}