React之Ant Design基本框架搭建

最近项目需要使用react开发后台，边带着任务边学习了react，并结合ant design开发完成了任务。
本次博文主要记录的是从头开始开发一个后台，后台最基础的框架该是如何完成，并且切换菜单更改背景颜色作为active如何实现

BaseLayout.js

// BaseLayout.js
import React from 'react'
import {
    HashRouter as Router, Route } from 'react-router-dom'
import {
    Layout } from 'antd'
import PropTypes from 'prop-types'
import Sider from '../components/Sider'
import Header from '../components/Header'
import LogReport from '../../page/containers/LogReport'
import LogSend from '../../page/containers/LogSend'
import './BaseLayout.scss'

export default class BaseLayout extends React.PureComponent {
   
  static propTypes = {
   
    location: PropTypes.object.isRequired,
    history: PropTypes.object.isRequired,
  }

  render() {
   
    const {
    location, history } = this.props

    return (
      <Router>
        <Layout style={
   {
    height: '100%' }}>
          <Header />
          <Layout>
            <Sider location={
   location} history={
   history} />
            <Layout.Content styleName='layout-box'>
              <Route path='/log-report' component={
   () => <LogReport />} />
              <Route path='/log-send' component=