npm install react-router-dom --save

import {BrowserRouter,Route} from 'react-router-dom'//路由跳轉(zhuǎn)
import ReactReduxTest from './ReactReduxTest'
import RouterTest from './RouterTest'
import LoadingRouterTest from './loadingRouterTest'//異步組件用來加載RouterTest這個(gè)組件的
import {Provider} from 'react-redux'
import store from './Store/index'
 
const App = (
  //讓所有的組件都可以使用store
  //Provider,BrowserRouter下只能有一個(gè)div
  //BrowserRouter和Route是路由組件(exact為嚴(yán)格匹配即完全匹配才會(huì)跳轉(zhuǎn))
  <Provider store={store}>
    <div>
      <BrowserRouter>
        <div>
          <Route exact path="/" component={ReactReduxTest}></Route>
          <Route path="/LoadingRouterTest" component={LoadingRouterTest}></Route>
          <Route path="/RouterTest:id" component={RouterTest}></Route>
        </div>
      </BrowserRouter>
    </div>
  </Provider>
)
ReactDOM.render(App, document.getElementById('root'));

import {Link,withRouter} from 'react-router-dom'
 
<Link to={'/' + 2}>回到到詳情頁</Link>

this.props.history.push({
      pathname : '/routerTest' + JSON.stringify({id: 1,ids: 2}),//要在url上傳遞多個(gè)參數(shù)要將參數(shù)放到對(duì)象中轉(zhuǎn)成json字符串
    })

componentDidMount () {
    console.log(this.props.match.params.id,JSON.parse(this.props.match.params.id),)//接收多個(gè)url參數(shù)的時(shí)候?qū)son字符串轉(zhuǎn)成json對(duì)象
  }

//隱式傳參 
    this.props.history.push({
      pathname : '/',
      query : { id: 3} 
    })