什么是路由,如何在react中使用路由react-router-dom

路由就是根据URL的不同显示不同的内容

react-router-dom的使用方法:

1. npm install react-router-dom
2. 引入:App.js中引入
   import { BrowserRouter,Route} from ‘react-router-dom’
3. 使用

基本使用 跳转

BrowserRouter代表路由,Route代表路由规则

	<BrowserRouter>//BrowserRouter代表路由
       <Route path={'/'} exact component={Home}></Route>
       <Route path={'/detail'} exact component={Detail}></Route>
    </BrowserRouter>

通过函数跳转

<button onClick={() => this.props.history.push('detail')}>通过函数跳转</button>