react app.js

app.js

import React, { Component } from 'react';
import { Router, Route, Link, Redirect } from 'react-router-dom';

import { getCurrentUser } from './helpers';

class Home extends Component {

  constructor(props) {
    super(props);
    this.state = {}
  }
  
  render() {
    return (
      <div>
        <h2>Name: {this.props.full_name}</h2>
        <p>Role: {this.props.role}</p>
      </div>
    )
  }
}

class App extends Component {
  state = {
    user: [],
    loadReady: false
  }

  async componentWillMount() {
    let user = await getCurrentUser()
    this.setState({
      user: user
    }, () => {
      this.setState({
        loadReady: true
      })
    })
  }

  render() {
    if (this.state.loadReady) {
      return (
        <div>hello {user.name}</div>
        <Profile userinfo={this.state.userinfo} />
      )
    else {
      return null
    }
  }  
}