对于多个可选参数，React router 在 // 之后忽略 URL

Question

我想将此 url https://localhost:8050/search/Contact//* 匹配到下面给出的路径。

    <Route path="/search/:type?/:subType?/:query?" component={TestComponent}?>

由于子类型是可选参数，所以我传递的是空白。但是 "query" 参数一起被忽略了。

我在道具中得到如下匹配

match {
    params: {type: "Contact", subType: undefined, query: undefined}
    path: "/search/:type?/:subType?/:query?"
    url: "/search/Contact"
}

我希望 * 与匹配参数中的查询进行映射

Answer 1

如果您不使用 :subType，则将其删除或使用 2 个不同的路由。

<Route exact path="/search/:type?/:query?" component={TestComponent}?> 
<Route path="/search/:type?/:subType?/:query?" component={TestComponent}?>

React router ignores URL after // for multiple optional parameters