路由导航

1.两种路由导航写法（设置路径映射）

底下加《Outlet/》实现组件跳转显示

<Link to=“/article”> xxx</Link>: --->管理系统左侧菜单栏---->传参通过字符串拼接

onClick={()=>navigate('/article')}:--->点击页面跳转

 第二种需要配置router的path和组件映射结构； ‘article/:id’

 

实现嵌套的路由导航--->左侧多层嵌套

 设置默认二级路由，即身份为二级路由身份，但不设置path（设置index），导航路径跟随一级路由<Link to='/'></Link>

 404NotFound页面导航配置

路由表 设置组件的path

两种路由模式：api方法名不同

• 如果你的应用需要 SEO、希望使用简洁的 URL，且可以控制服务器配置，选择 BrowserRouter。
• 如果你的应用是在不易配置服务器的环境中运行，或者不需要 SEO，选择 HashRouter。

 

 

------------------------------------------------------------------------------------------------------------------------------------------------------

尚硅谷学习：