react第十四单元(react路由-react路由的跳转以及路由信息)
2024-08-26 20:56:23
第十四单元(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
#授课思路
#案例和作业
使用路由实现猫眼电影的页面架构
使用路由传参实现猫眼电影列表页跳详情
最新文章
- LINQ to SQL语句(6)之Group By/Having
- APS-C画幅与全画幅
- ThinkPHP3.2.3 跨域访问
- 用Rprofile文件配置打开时R的设置
- Android 添加系统服务
- 使用CDN加载jQuery类库后备代码
- mysql保存emoji表情(微信开发用户昵称..)
- Windows Azure 现已完全受 Juju 支持
- hdu 1232 畅通project
- Linux防止ARP攻击的一些方法
- android 减少图片出现oom错误
- 建站记录:设置apache .htaccess文件给网站添加404错误处理页面
- linux nohup命令实现退出终端后程序继续后台运行
- Jmeter-----图形扩展监控
- Manjaro搭建无密访问samba服务器
- CentOS7 网络NAT模式
- RobotFramework - AppiumLibrary 之元素定位
- BUPT2017 wintertraining(15) #1 题解
- vue:页面跳转和传参(页面之间,父传子,子传父)
- 数据结构(三)串---KMP模式匹配算法