跳到主要内容

react-router-6.5支持可选路由段

· 阅读需 1 分钟
TransonQ
Front-end Engineer

可选路径参数​

在 path 结尾添加?可以使得整个路由参数变为可选的,比如:

<Route path=":lang?/about"> 

将会匹配为:

  • /:lang/about
  • /about
<Route path="/multistep/:widget1?/widget2?/widget3?">

将会匹配为:

  • /multistep
  • /multistep/:widget1
  • /multistep/:widget1/:widget2
  • /multistep/:widget1/:widget2/:widget3

可选的静态路径参数​

<Route path="/home?">

将会匹配为:

  • /
  • /home
<Route path="/fr?/about">
  • /about
  • /fr/about