如何在react中使用路由功能

1. 首先需要下载react-router-domnpm install react-router-dom --save
2. 在App.js中引入import { BrowserRouter,Route} from 'react-router-dom'
3. 用<BrowserRouter></BrowserRouter>包裹起来，表示这里面我要使用路由了。（里面需要用一个标签包起来，不然回报错哦）
4. 使用<Route path='/' exact component={Home}></Route>就可以跳转了，其中exact的意思是，只有当路径完全一样时才可以进行跳转
   这样就可以正确的使用路由功能啦！

下面来看看如何拆分首页并且通过路由访问吧！
1.首先需要引入组件

2.然后将之前的render跟换成component
跳转可以使用a或者link to。

携带参数

 <Link to={'/details' + item.get('id')} key={index}></Link>
//那么在App.js中需要更改
<Route path='/detail/:id' exact component={Detail}></Route>
//然后使用this.props.match.params.id传递参数
dispatch(actionCreators.changListData(this.props.match.params.id))