Demo.jsx

import { React } from 'react';
import Axios from 'axios';

class Demo extends React.Component{
  initialize(){
    this.state = {
      userInput: nil,
      employees: [],
      status: nil
    }
  }

  takeInput = function(event){
    this.setState({
      userInput: event.target.value
    })
  }

  callApi = function(){
    // response = { employees: [{ name: "ABC", phoneNumber: "XYZ" }, {}, {}] }
    Axios.get("/employees").then(function(response){
      this.setState({
        status: true,
        employees: response.employees
      })
    }).catch(function(response){
      this.setState({
        status: false
      })
    })
  }

  componentDidMount(){
    this.callApi();
  }

  render(){
    return(
      <div>
        <input onChange={ this.takeInput }></input>
        <p>{ this.state.userInput }</p>
        <p>
          {
            this.state.status && this.state.employees
          }
        </p>
      </div>
    )
  }
}