React学习14----路由 react-router4.x的基本配置，根据路由跳转页面

react路由的配置：
1、找到官方文档 https://reacttraining.com/react-router/web/example/basic

2、安装 cnpm install react-router-dom --save

3、找到项目的根组件引入react-router-dom

import { BrowserRouter as Router, Route, Link } from “react-router-dom”;

4、复制官网文档根组件里面的内容进行修改 （加载的组件要提前引入）

 <Router>

 <Link to="/">首页</Link>

 <Link to="/news">新闻</Link>

 <Link to="/product">商品</Link>

 <Route exact path="/" component={Home} />
 <Route path="/news" component={News} />
 <Route path="/product" component={Product} />
 </Router>

注意：exact表示严格匹配

具体例子如下：
项目结构：