栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用可选的路径参数来响应路由器

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用可选的路径参数来响应路由器

您发布的修改对旧版本的React-router(v0.13)有效,并且不再起作用。


反应路由器v1,v2和v3

从版本开始,

1.0.0
您可以通过以下方式定义可选参数:

<Route path="to/page(/:pathParam)" component={MyPage} />

以及多个 可选 参数:

<Route path="to/page(/:pathParam1)(/:pathParam2)" component={MyPage} />

您可以使用括号

(
)
来包装路线的可选部分, 包括 前导斜杠(
/
)。请查看官方文档的“
路线匹配指南” 页面。

注:

:paramName
参数相匹配的URL段到下一个
/
?
#
。有关具体的路径和参数的更多信息,请参见此处。


React Router v4及更高版本

React Router v4从根本上不同于v1-v3,并且 官方文档中 也没有明确定义可选路径参数。

而是,指示您定义path-to-regexp可以理解的

path
参数。这样可以在定义路径(例如重复模式,通配符等)时提供更大的灵活性。因此,要将参数定义为可选参数,请添加尾随的问号()。
?

因此,要定义可选参数,请执行以下操作:

<Route path="/to/page/:pathParam?" component={MyPage} />

以及多个 可选 参数:

<Route path="/to/page/:pathParam1?/:pathParam2?" component={MyPage} />

注意: React Router v4 与react-router-relay
不兼容 (在此处了解更多信息)。请改用v3或更低版本(建议使用v2)。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/436763.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号