P05: 实例

作者： 文章来源：

本文原地址：https://www.mimiwuqi.com/webqianduan/197287.html

1. 用脚手架创建项目
2. 初始化基本目录
3. 添加基本样式
4. 编写 frontCourse 中的子页面
5. 编写FrontCourse.js页面
6. 修改AppRouter.js文件
7. 编写第三级子页面
8. 编写二级子页面 Workplace
9. 配置主路由 AppRouter.js
10. 总结

本文主要讲的是 ReactRouter 嵌套路由，这种路由形式在互联网上也是比较常见的。比如我们后台的管理系统，大部分是用嵌套路由，来实现页面的总体划分。当然前端页面也是会有很多嵌套路由的实现，那么如何使用React Router中的嵌套路由呢？本文将通过一个小实例来为大家详细讲解，在这个过程中我们会复习以前的路由知识，并利用以前的知识构建有些复杂的路由关系。

总结

本文其实知识点并不多，主要是通过案例练习一下。下节我将讲解一下如何动态的获取路由地址，并进行路由配置。

更多 建站教程 请访问 https://www.mimiwuqi.com/webqianduan/