第十四单元(react路由-react路由的跳转以及路由信息)
#课程目标
- 理解前端单页面应用与多页面应用的优缺点
- 理解react路由是前端单页面应用的核心
- 会使用react路由配置前端单页面应用框架及实现页面之间的跳转
- 认识react路由元信息,学会从react路由元信息中拿到所需要的路由信息
- 会使用react路由传参,及通过传参实现页面之间数据的传递
#知识点
- react路由库,react-dom(react-router-dom+react-router-native)或者react-router-dom的安装
- 了解路由模式:history(BrowserRouter组件) & hash(HashRouter组件)
- 路由跳转组件:Link, NavLink和Redirect
- 添加路由记录:Switch和Route
- 路由元信息:history, location和match
- 路由高阶组件:withRouter
#授课思路
#案例和作业
-
使用路由实现猫眼电影的页面架构
-
使用路由传参实现猫眼电影列表页跳详情