react-router路由跳转

话不多说第一步创建react项目

1. npm install -g create-react-app
2. create-react-app demo-app
3. cd demo-app
4. 安装路由： cnpm i react-router-dom --save
5. 设计到路由的跳转肯定是有多页面，在src目录下创建page文件夹
6. 新建两个组件 home.js, about.js
7. 
   这里我创建了两个页面，ok,接下去在根目录的APP.js文件里面引入我们的路由，和路由页面。话不多说上代码。
   
   到这一步路由是可以跳转了but…
   需要在地址栏输入页面才可以显示。。。
   接下来在页面中需要点击元素进行跳转
   我创建了一个nav导航组件
   在这个组件中引入Link如下图所示：
   
   在需要导航跳转的页面引入nav组件。
   
   页面效果：
   
   这是一个简单的一级路由跳转：

二级路由跳转
我在page文件夹中新建了一个user组件

最后总结一下：
1.以上我用的的是history路由模式，如果用hash路由在引入路由的BrowserRouter 改成 HashRoute。

*import { 	BrowserRouter as Router, Route} from "react-router-dom";*

1.我们需要给路由加一个完全匹配不然页面会重复出现 exact