MainPage.jsx

import React from 'react'
import Axios from 'axios'

import { Layout } from 'antd'

import * as UrlConstants from '../../resources/js/constants/UrlConstants'

import Header from '../../templates/layout/header/HeaderCanvasXTemplate'
import Sider from '../../templates/layout/sider/SiderCanvasXTemplate'
import Content from '../../templates/layout/content/ContentCanvasXTemplate'
import Footer from '../../templates/layout/footer/FooterCanvasXTemplate'
import './resources/css/mainPage.css'

export default class MainPage extends React.Component {
  constructor(props) {
    super(props)
    this.state = { collapsed: false }
  }

  async componentDidMount() {
    const params = {}
    const results = await Axios.post(UrlConstants.URL_GET_MENU, params)

    if (results.data.success) {
      console.log('menuList: ', results.data.menuList)
    }
  }

  render() {
    return (
      <Layout style={{ minHeight: '100vh' }}>
        <Header />
        <Sider />
        <Layout>
          <Content />
          <Footer />
        </Layout>
      </Layout>
    )
  }
}