Calling axios in react

App.js

import React, { Component } from 'react';
import './App.css';
import { BrowserRouter as Router } from 'react-router-dom';
import Nav from './Nav';
import LoginForm from './components/LoginForm';
import Welcome from './components/Welcome';
import { getUsers, validateUser } from './controllers/LoginController';

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      email: '',
      password: '',
      isValidUser: false,
      user: [],
    };

    this.onSubmit = this.onSubmit.bind(this);
  }

  componentWillMount() {
    //getUsers(1).then(response => this.setState({ user: response.data }));
  }

  onSubmit(userName, password) {
    validateUser(userName, password).then(response => this.setState({isValidUser: response.data}));
    console.log('Is Valid User: ', validateUser(userName, password).then(response => console.log('response from server: ' + response.data)));
  }

  render() {
    return (
      <div className="container">
        <Router>
          <Nav />
        </Router>
        {!this.state.isValidUser ?
          <LoginForm onSubmit={this.onSubmit} /> :
          <Welcome userName={this.state.user.map(user => user.person_name)} />}
      </div>
    );
  }
}

export default App;