react配置路由

首先我们下载依赖

npm install react-router-dom -S
// 或者
yarn add react-router-dom  

在src/app.js 代码如下

import React,{
    
     Component } from 'react'
import {
    
     BrowserRouter as Router,Route,Switch,withRouter } from 'react-router-dom'

import Home from './Home'
import About from './About'

class App extends Component{
    
    
   render(){
    
    
      return(
         <Router>
            <div className="App">
               <Switch>
              
                  
                  <Route path="/About"  component={
    
    About}></Route>

               
                  <Route path="/"  component={
    
    Home}></Route>
               </Switch>
            </div>
         </Router>
      )
   }
}
export default withRouter(App);