React从入门到架构（7）--路由route的管理

接着上节课的内容React从入门到架构（6）–基于Antd项目，熟悉React的生命周期

我们对App.js进行一些改造，先不管具体的意义，先上代码：

import React, {
    Component } from 'react';
//CSS层叠样式表引入
import './style/App.css';
import {
    Layout } from 'antd';
import {
   BrowserRouter as Router, Route, HashRouter, Switch } from 'react-router-dom';
//子组件引入

import HeaderPage from './HeaderPage';
import SiderPage from './SiderPage';
import ContentPage from './component/ContentPage';

class thisLayout extends Component {
   
  render() {
   
    return (
      <div className="App">
        <Layout>
          <HeaderPage />
          <Layout>
            <SiderPage />
            <Switch>
                <Route path="/app/index" component={
   ContentPage} />
            </Switch>
          </Layout>
      </Layout>
      </div>
    )
  }