路由在单页应用极其常见，不论是angularjs项目还是react项目，都有路由。
在react项目中使用路由，我们当然是全局安装react-router.
第一步：
第二步：创建几个要跳转到的页面

第三步：配置routerMap

注意，代码中path='detail/:id'，最后一个标记表示参数，例如/detail/123这个123就是参数
第四步：使用router

这里的hashHistory，规定用 url 中的 hash 来表示 router
第五步：页面跳转
Home页

List页
我们在 List 页面中，使用 js 跳转。

Detail页
点击 List 页面就进入了Detail页面，我们还可以给Detail页面手动添加type属性

快是前端页面优化的共同目标，如何让路由（即首页）加载的更快？其实也是让网页进入的更快。
抛开代码效率问题，其中一个解决方案就是先不要加载其他页面的代码，即按需加载
针对大型项目的静态资源懒加载问题，react-router 也给出了解决方案.

本博客升华自：大众点评app视频。
完整的demo见github:https://github.com/JserJser/reactWebApp/tree/master/react-router

最新文章

1. 两张图总结 Neutron 架构 - 每天5分钟玩转 OpenStack（74）
2. Javascript中数组方法和方法的扩展
3. <<< html5本地储存
4. nginx（一）
5. flash cs6导入某些mp3不能的解决办法
6. 头像上传功能实现，PC端的需要做兼容
7. JS实现Ajax，Josn数据的序列化和反序列化---例： 省市区联动（包含get，post）
8. iis7应用程序池自动关闭问题解决
9. main()函数的输入参数 main(int argc, char** argv)
10. [转载]Ubuntu 14.04设置固定ip
11. C#.ToString()格式大全
12. OD: ActiveX Vulnerabilities
13. 安卓activity捕获返回button关闭应用的方法
14. 1)③爬取网易It方面部分新闻
15. 在Service服务中请求网络
16. jqgrid修改表格内容为居中
17. SwipeRefreshLayout详解和自定义上拉加载更多
18. [转] js实现对图片的二进制流md5计算
19. HTTPS 怎样保证数据传输的安全性
20. Oracle sql之条件语句 循环语句

热门文章

1. Docker容器学习梳理 - Volume数据卷使用
2. 如何利用Android Studio打包React Native APK
3. 研究C语言的新型编译环境TCC
4. 《Linux内核设计与分析》第十七章读书笔记
5. Python学习笔记 ---第三章
6. .NET 使用 RabbitMQ 图文简介
7. css3-弹性盒模型
8. HTML 引入Css样式
9. PAT 1016 部分A+B
10. Maven2查看源码