如何在路由路径中传递查询参数？

Question

我正在将参数从Post.js文件中的链接传递到App.js文件中的Route。我需要知道如何在路径的路径中传递参数，以便将其重定向到“ ShowPost”组件。

谢谢。

----- Post.js ---------------

<Link to={{ pathname: '/post', search: `?userId=${post.userId}`}}>{post.title}</Link>

----- App.js ------------------

<Route path="/post/:userId" component={ShowPost}/>

我希望将其重定向到“ ShowPost”组件。

Answer 1

您可以尝试

<Link to={`/post/${post.userId}`}>{post.title}</Link>