路由实现

npm install react-router-dom

组件中引入

import {HashRouter as Router, Route, Link, Switch} from 'react-router-dom'

RouterDom .js

import React, { Component } from 'react';
import {HashRouter as Router, Route, Link, Switch} from 'react-router-dom'
import Home from './Home'
import About from './About'
import './router.css'
class RouterDom extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        return ( 
            <div className="router-app">
                <Router>
                    <ul>
                        <li><Link to="/home">Home</Link></li>
                        <li><Link to="/about">About</Link></li>
                    </ul>
                    <switch>
                        <Route path="/home" component={Home}></Route>
                        <Route path="/about" component={About}></Route>
                    </switch>
                </Router>
            </div>
         );
    }
}
 
export default RouterDom;

Home.js ,同理about

import React, { Component } from 'react';

class Home extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        return ( 
            <div>
               <h1>Home</h1>
            </div>
         );
    }
}
 
export default Home;