ButtonIcon.jsx

import React, { Component, Fragment } from 'react'
import ButtonIcon from '../../../components/Button/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 Button extends Component {
  state = {
    buttonTitle: [],
    terms: null
  }

  componentDidMount() {
    this._requestButtonIcon()
  }

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

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