ButtonIcon.jsx

import React, { Component, Fragment } from 'react'
import ButtonIconCmp from '../../../components/button/icon/ButtonIcon'
import ButtonIconMd from './resources/md/ButtonIcon.md'
import ReactMarkdown from 'react-markdown'
import Axios from 'axios'
import * as UrlConstants from '../../../resources/js/constants/urlConstants'

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

  componentDidMount() {
    this._requestButtonIcon()
  }

  _requestButtonIcon = async () => {
    await Axios.post(UrlConstants.URL_GET_BUTTON_ICON).then(response => {
      this.setState({ buttonProperty: response.data })
    })
    await Axios({
      method: 'get',
      url: ButtonIconMd,
      responseType: 'text'
    }).then(res => {
      this.setState({ terms: res.data })
    })
  }

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