react第十四单元(react路由-react路由的跳转以及路由信息)

第十四单元(react路由-react路由的跳转以及路由信息)

#课程目标

1. 理解前端单页面应用与多页面应用的优缺点
2. 理解react路由是前端单页面应用的核心
3. 会使用react路由配置前端单页面应用框架及实现页面之间的跳转
4. 认识react路由元信息，学会从react路由元信息中拿到所需要的路由信息
5. 会使用react路由传参，及通过传参实现页面之间数据的传递

#知识点

1. react路由库，react-dom(react-router-dom+react-router-native)或者react-router-dom的安装
2. 了解路由模式：history(BrowserRouter组件) & hash(HashRouter组件)
3. 路由跳转组件：Link, NavLink和Redirect
4. 添加路由记录：Switch和Route
5. 路由元信息：history, location和match
6. 路由高阶组件：withRouter

#授课思路

#案例和作业

1. 使用路由实现猫眼电影的页面架构

2. 使用路由传参实现猫眼电影列表页跳详情