TopMenu.jsx

import React, { Component, Fragment } from 'react'
import TopMenuCmp from '../../../components/menus/topMenu/TopMenu.jsx'
import TopMenuMd from './resources/md/TopMenu.md'
import ReactMarkdown from 'react-markdown'

import Axios from 'axios'
import * as UrlConstants from '../../../resources/js/constants/urlConstants'

export default class TopMenu extends Component {
  state = {
    buttonProperty: [],
    terms: null
  }

  componentDidMount() {
    this._requestTopMenu()
  }

  _requestTopMenu = async () => {
    await Axios.post(UrlConstants.URL_GET_MENU_NAVIGATION_LIST).then(
      response => {
        this.setState({ menuProperty: response.data })
      }
    )
    await Axios({
      method: 'get',
      url: TopMenuMd,
      responseType: 'text'
    }).then(res => {
      this.setState({ terms: res.data })
    })
  }

  render() {
    return (
      <Fragment>
        <TopMenuCmp menuProperty={this.state.menuProperty} />
        <ReactMarkdown source={this.state.terms} className={'markdown-body'} />
      </Fragment>
    )
  }
}