如何使用react-router-dom实现路由的模糊匹配和严格匹配?
- 内容介绍
- 相关推荐
本文共计617个文字,预计阅读时间需要3分钟。
目录 + 模糊匹配 + 启用严格匹配配置 + Redirect 的使用 + 嵌套路由使用 + 精确匹配 + -- 编写路由链接 -- NavLink to=/home/a/b Home/ NavLink! -- 注册路由 -- Switch Route path=/home component={Home} /Switch 点击Home,进入路径/home/a/b
目录
- 模糊匹配
- 开启严格匹配
- Redirect的使用
- 嵌套路由使用
模糊匹配
<!-- 编写路由链接 --> <NavLink to="/home/a/b">Home</NavLink> <!-- 注册路由 --> <Switch> <Route path="/home" component={Home} /> </Switch>
点击Home,进入路径/home/a/b,此时模糊匹配到/home路径的组件{Home}。
本文共计617个文字,预计阅读时间需要3分钟。
目录 + 模糊匹配 + 启用严格匹配配置 + Redirect 的使用 + 嵌套路由使用 + 精确匹配 + -- 编写路由链接 -- NavLink to=/home/a/b Home/ NavLink! -- 注册路由 -- Switch Route path=/home component={Home} /Switch 点击Home,进入路径/home/a/b
目录
- 模糊匹配
- 开启严格匹配
- Redirect的使用
- 嵌套路由使用
模糊匹配
<!-- 编写路由链接 --> <NavLink to="/home/a/b">Home</NavLink> <!-- 注册路由 --> <Switch> <Route path="/home" component={Home} /> </Switch>
点击Home,进入路径/home/a/b,此时模糊匹配到/home路径的组件{Home}。

