二、react-router-dom相关API

==========================================================================================

1. 内置组件

1. <BrowserRouter/ >

2. <HashRouter/ >

3. <Route/ >

4. <Redirect/ >

5. <Link/ >

6. <NavLink/ >

7. <Switch/ >

2. 其它

1. history对象

2. match对象

3. withRouter函数

三、路由的使用

==========================================================================

1. 效果

2. 准备

1. 下载react-router-dom:

npm install react-router-dom

2. 引入bootstrap.css:

3. 路由的基本使用

1. 明确好界面中的导航区、展示区

2. 导航区的a标签改为Link标签

< Link to="/xxxxx">Demo< /Link >

3. 展示区写Route标签进行路径的匹配

< Route path='/xxxx' component={Demo}/ >

4. < App/>的最外侧包裹了一个< BrowserRouter>或< HashRouter >

4. 实现

index.js

这里用一个标签将整个App包起来，保证使用的是同一个路由器

//引入react核心库

import React from ‘react’

//引入ReactDOM

import ReactDOM from ‘react-dom’

//

import {BrowserRouter} from ‘react-router-dom’

//引入App

import App from ‘./App’

ReactDOM.render(

,

document.getEle