react-路由（1）

1.react路由 安装指令

npm i react-router-dom@5.0 -S

2.组件

react-router-dom有哪些组件
1.BrowserRouter 浏览器路由
2.HashRouter 哈希路由
3.NavLink 导航链接
4.Route 路由容器
5.Redirect 重定向
6.Switch 匹配一个路由。。。。
//Route 路由页面 属性：exact:精确匹配（路径和配置的path完全匹配)； path:路由地址； component:组件。
//NavLink 导航链接 属性：exact:精确匹配; to:路由地址。

//导入路由相关组件
import {HashRouter as Router,Route,NavLink} from 'react-router-dom'
function App() {
    return (<Router>
   		{/*导航*/}
        <div>
            <NavLink to='/' exact>首页</NavLink>|
            <NavLink to='/about' >关于</NavLink>|
        </div>
        {/* 路由页面 */}
            <Route path="/" exact component={Home}></Route>
            <Route path="/about" component={A