How to use

loading

function

in

Array

render() {
    const { user, users } = this.state;
    return (
      <div className="col-md-6 col-md-offset-3">
        <h1>Hi {user.firstName}!</h1>
        <p>You're logged in with React & Basic HTTP Authentication!!</p>
        <h3>Users from secure api end point:</h3>
        {users.loading && <em>Loading users...</em>}
        {users.length &&
          <ul>
            {users.map((user, index) =>
              <li key={user.id}>
                {user.firstName + ' ' + user.lastName}
              </li>
            )}
          </ul>
        }
        <p>
          <Link to="/login">Logout</Link>
        </p>
      </div>
    );
  }