import React from 'react';
import ReactDOM from 'react-dom';
// 1.先安装react-router-dom
// 2.导入BrowserRouter as Router,Route,Link
import {BrowserRouter as Router,Route,Link} from 'react-router-dom'
// 路由的基本使用
const First=()=><div>1233</div>
const App=()=>{
    return (
        // 3.使用Router包裹组件元素
        <Router>
        <div>
            <h1>路由基础</h1>
            {/* 4.使用Link设置路径入口 会被编译为a标签 */}
            <Link to="/first">页面7</Link>
            {/* 5.使用Route中path表示路径跳转，component  表示要展示的组件 Route写在哪，展示的内容就渲染在哪 */}
            <Route path="/first" component={First}></Route>
        </div>
        </Router>
    )
}
ReactDOM.render(<App />, document.getElementById('root'));

class Login extends Component {
handleLogin = () => {
// 使用编程式导航实现页面之间的跳转
this.props.history.push('/home')
}
render() {...省略其他代码} }
在函数组件中使用
props.history.push("/home")
---"/home"  表示将要跳转的页面路径