react-router

安装依赖

yarn add react-router-dom

使用方法

import React from "react";
import {
    BrowserRouter as Router,
    Switch,
    Route,
    Link
} from "react-router-dom";
import Home from './pages/Home'
import Detail from './pages/Detail'
class App extends React.Component {
    render() {
        return (
            <Router>
                <div>
                    <ul>
                        <li>
                            <Link to="/">Home</Link>
                        </li>
                        <li>
                            <Link to="/detail">detail</Link>
                        </li>
                    </ul>
                    <Switch>
                    // exact就是严格匹配 只有事path="/"才匹配这个组件
                        <Route exact path="/" component={Home}></Route>
                        <Route path="/detail" component={Detail}></Route>
                    </Switch>
                </div>
            </Router>
        )
    }
}
export default App;