Reacr Router：不只是页面切换，更是代码组织方式（二）
2018-07-22 本文已影响0人
樱木夜访流川枫
概览
文章内容选自极客时间 ebay 技术专家王沛的《 React 实战进阶》，本文的主题是 React Router：不只是页面切换，更是代码组织方式。
小结
1、前端路由是什么
2、React Router 如何实现路由
3、基于路由思考资源的组织
4、React Router 核心 API
内容
React Router 如何实现路由
实现原理：基本架构分为三块：
路由定义：通过配置文件或 React标记 定义路由
Router：解析 URl 地址，返回不同的组件
组件容器：解决如何 Render页面，由 React Router来控制展示的内容，当 URL 变化的时候，只有组件容器的内容发生变化**
image.png
