react-router-v4 - 对于多个可选参数,React 路由器在 // 之后忽略 URL
问题描述
我想将此 url https://localhost:8050/search/Contact// * 匹配到下面给出的路径。
<Route path="/search/:type?/:subType?/:query?" component={TestComponent}?>
由于子类型是可选参数,所以我改为传递空白。但是“查询”参数被一起忽略了。
我在道具中得到如下匹配
match {
params: {type: "Contact", subType: undefined, query: undefined}
path: "/search/:type?/:subType?/:query?"
url: "/search/Contact"
}
我希望 * 与匹配参数中的查询进行映射
解决方案
如果您不使用 :subType 则将其删除或使用 2 条不同的路线。
<Route exact path="/search/:type?/:query?" component={TestComponent}?>
<Route path="/search/:type?/:subType?/:query?" component={TestComponent}?>
推荐阅读
- vba - 比较两行并更新开始和结束日期
- graphql - GraphQL 端点在 Nest.js 中返回空对象
- php - PHP Soap 客户端在 PHP 版本 7 中失败,但在 PHP 5.3 中有效
- javascript - three.js raycaster 正在选择我要选择的对象后面和前面的所有对象
- cmake - 等待 ctest_submit 时遇到问题
- asp.net - 应用程序在 VS iis express 但不在 IIS 8 (v2) 中运行
- javascript - Knex.js INNER JOIN 结果的 DISTINCT
- css - 使用百分比 '%' 作为 SASS 函数的参数
- windows - 用 & 字符分割时,批处理命令不再起作用
- html - 删除菜单链接之间的空格