前言
有些时候,我们想要点击左边的菜单栏,使右边的内容进行局部刷新。这时候我们就可以通过 react router 来实现。进入页面的流程分为:入口文件->路由->菜单->需要局部刷新的页面
Step 1:配置路由
我们首先在路由配置文件中,配置路由路径
import React, { Component } from 'react'
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'
import '@/style/style.scss'
import SiteIndex from '@/page/site/store'
import Home from '@/coms/store/home'
import Store from '@/coms/store/store'
import Order from '@/coms/store/order'
import AddOrder from '@/coms/store/addOrder'
import Login from '@/page/site/login'
export default class App extends Component {
render () {
return (
<Router basename="/">
<Switch>
<Route exact path='/' component={Login} />
<Route path='/store/home