5. React-router1- react-router理解

 { web，native，any}中我们先学习 react-router-dom。

react-router-dom（官方维护的路由器）的理解

1 react的一个插件库。 { web，native，any}

 2 专门用来实现一个SPA应用。

3 基于react的项目都会用到此库。

路由和路由器。 route，router。多个路由需要一个路由器进行管理。

5.2.1 内置组件：

yarn add  react-router-dom

yarn add react-router-dom

　　1 BrowserRouter

　　 2 hans

import  { Link, BrowserRouter} from  'react-router-dom'

在原生html里面，靠<a>跳转不同的页面。

在React靠路由链接实现组件切换。

<Link classname="" to=" ./home">About</Link>

<Link classname="" to=" ./home">Home</Link>

路由器分为两周： BrowserRouter，一个叫HashRouter。

如果是B：不会出现#了。

如果是H：路径就会出现了#，类似于锚点。

、aout，

、home。

import {Link,BrowserRouter} from 'react-create-dom'

<BrowserRouter>

< Link className="" to="/about" >About</Link>

</BrowserRouter>

注册路由

<BrowserRouter>

<Router path='/about' component={About}/>

<BrowserRouter>

只能包一个路由器！！！整个路由器只能用一个路由器！！！

index里面组件进行包裹。<BrowserRouter>App</BrowserRouter>

<NavLink>设计理论设计理念，给谁加NavLink。activeClassname