试着用React写项目-利用react-router解决跳转路由等问题（一）

转载请注明出处：王亟亟的大牛之路

继续本周的大方向，继续学习React，昨天把简单的hi all内容呈现出来后，今天研究如何多页面或者实现页面嵌套，
开始今天的内容前老规矩，先安利：https://github.com/ddwhan0123/Useful-Open-Source-Android

---

在传统的静态网页里，我们页面跳转通过超级链，页面重定向，转发等等姿势来解决多页面展示和逻辑跳转，而React对这部分做了很好的封装，也做成了 主件。

要是用也是国际惯例，npm下！！

npm install -S react-router

下完后直接import就可以使用，像这样

import { Router, Route, hashHistory } from 'react-router';

Router是大壳子，类似于路由容器的东西

Route是具体实施路由的对象

hashHistory表示路由切换的hash值，决定最终结果

---

因为直接的项目结构比较建的随意，所以把目录进行了重新整理，把main.js变成一个大容器，不做任何业务主件使用，像这样。

这一部分 react官方的例子写的很详细很棒，大家也可以看https://github.com/reactjs/react-router-tutorial，或者把他的demo跑一跑 豁然开朗。

---

上面提到了router其实和使用常规主件一样倒入，使用即可最基本的也就是以下这种形式

<Router><<Router&