具有多个参数的 React 路由器

Question

我有寻呼路线/电影吗？categoryId=21213在这个页面上，我有一部分演员，点击它应该重定向到/movies？categoryId=21213/演员？actorId=23434234

我应该如何正确地描述用一个actor来渲染我最新的组件？我试过了

<Route path=`/movies/:categoryId?/:actorId?`/>

但这不起作用

Answer 1

有两种方法。使用查询参数或路径参数。

路径参数

您路由:

<Route path='/movies/:categoryId/:actorId' />

在这里，您将拥有包含两个路径参数< code>/movies/1/2的路由。

查询路线参数

<Route path='/movies' />

因此，您的路由仅为/movies，但您将查询参数传递给它并在组件中处理它们。

带有查询参数/movies的路由示例？类别ID=1

为此，您可以在路由组件中使用< code>useHistory挂钩。

就个人而言，我更喜欢使用查询参数，因为它们更容易在您的组件中处理，但是您可以从这两个示例中选择自己的方式。

在你的问题中，代码有点错误，因为路径参数不需要？出现在路由中。