第十四单元(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. 使用路由传参实现猫眼电影列表页跳详情

最新文章

  1. LINQ to SQL语句(6)之Group By/Having
  2. APS-C画幅与全画幅
  3. ThinkPHP3.2.3 跨域访问
  4. 用Rprofile文件配置打开时R的设置
  5. Android 添加系统服务
  6. 使用CDN加载jQuery类库后备代码
  7. mysql保存emoji表情(微信开发用户昵称..)
  8. Windows Azure 现已完全受 Juju 支持
  9. hdu 1232 畅通project
  10. Linux防止ARP攻击的一些方法
  11. android 减少图片出现oom错误
  12. 建站记录:设置apache .htaccess文件给网站添加404错误处理页面
  13. linux nohup命令实现退出终端后程序继续后台运行
  14. Jmeter-----图形扩展监控
  15. Manjaro搭建无密访问samba服务器
  16. CentOS7 网络NAT模式
  17. RobotFramework - AppiumLibrary 之元素定位
  18. BUPT2017 wintertraining(15) #1 题解
  19. vue:页面跳转和传参(页面之间,父传子,子传父)
  20. 数据结构(三)串---KMP模式匹配算法

热门文章

  1. 标准库之time,random,sys,os
  2. FL studio系列教程(四):如何利用FL Studio进行音乐合并
  3. 「LOJ #6500」「雅礼集训 2018 Day2」操作
  4. mock模拟接口返回数据
  5. java工作两年了,连myBatis中的插件机制都玩不懂,那你工作危险了!
  6. iOS 默认Cell选中
  7. mybatis 动态SQL 源码解析
  8. ZAB
  9. python中字符串的编码和解码
  10. LeetCode 046 Permutations