react-router4.x

Posted 2020-10-03

react-router的4.X版本的方法引入和网上常见教程有了一些区别，建议最好看官网文档

Link的引入

　　

import { Link } from ‘react-router-dom‘ 

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

Router的引入

　

import { Router } from ‘react-router‘
import createBrowserHistory from ‘history/createBrowserHistory‘

const history = createBrowserHistory()

<Router history={history}>
  <App/>
</Router>

 

Route的引入

import { BrowserRouter as Router, Route } from ‘react-router-dom