多个可选参数匹配

Question

大家好，我遇到了 React 路由器的问题。实际上我使用的是 react-router 5.2.0

我想要实现的是具有不同参数的相同基本路由，并在与路由匹配的组件中检索正确的参数。

例如，我有两条这样的路线：

<Route
        path={["/search", "/search/:city?", "/search/:province?"]}
        exact
        render={(props: any) => <Search {...props} />}
      />

在搜索组件上，我想要获取参数以及参数的类型，城市或省。但是反应路由器似乎只捕获第一条路线“/search/:city？”即使我在省线。 我认为 generatePath (react router doc) 可以节省我的时间，但它并没有像我预期的那样工作。或者更好的不是真正的 generatePath 本身，而是更多的路由匹配模式。 只是为了更好地澄清我做了一个代码框here，你可以看到如果你点击一个带有省的链接，反应路由器将正确捕获参数，但作为“类型”城市而不是省。

提前感谢大家。

Answer 1

您还可以像/search?type=city 一样配置您的网址，并在 Search 组件使用查询参数挂载时处理您想要实现的过程。