代码之家 › 专栏 › 技术社区 › Shubham Khatri

与特定字符串匹配或为空的可选路由路径

react-router-v4 react-router reactjs

Shubham Khatri · 技术社区 · 6 年前

我想利用一个匹配的路由器路径 /client 和 client/upload 正是为了 Redirect

<Redirect exact from={`${match.path}(/:id)?`} to={`${match.url}/upload/view`} />

但现在我希望我的路径参数只限于上传,所以我写得像

<Redirect exact from={`${match.path}/:id(|upload)`} to={`${match.url}/upload/view`} />

从'/client/upload'重定向到 ${match.path}/ ${match.path}/upload/view 正常但不适用 ${match.path} .

我也试过 ${match.path}(/:id(|upload))? , ${match.path}/?:id(|upload)' ${match.path}(/upload)? 但都不管用

我想要 , ${match.path}/ 和 ${match.path}/upload '${match.url}/upload/view .

现在我正在写两个不同的重定向

<Redirect exact from={match.path} to={`${match.url}/upload/view`} />
<Redirect exact from={`${match.path}/upload`} to={`${match.url}/upload/view`} />

重定向 .

1 回复 | 直到 6 年前

Hriday Modi Victor Manuel 6 年前

<Redirect exact from='/client(/upload)?' to='/client/upload/view' />

这应该能解决你的问题 /client 和 /client/upload 匹配并将重定向到中定义的路径到

推荐文章

siddhant kumar · Can'读取未定义的属性(读取“path”)

2 年前

sdfsdf · useNavigate替换选项的作用是什么?

2 年前

Tanner Summers · react router 6渲染的子级问题

2 年前

Tesh Aych · react axios URL连接返回404未找到

2 年前

wahida cse · 如何在mongodb中只删除一个对象,而不是删除所有与筛选查询匹配的对象?

2 年前

Kevin Tanuwijaya · 如何使用参数来响应路由器dom链接

2 年前

Roy · 带有不同道具的react组件的多个实例无法正常工作

3 年前

Ahmed Haque · 通过出口上下文传递多个状态变量

3 年前

kiryl · 警告。/。缓存/根目录。js尝试导入错误:“BaseContext”未从“@gatsbyjs/reach router”导出(作为“BaseContext”导入)

3 年前

Ancross · 链接未路由到组件

3 年前