Simple Example of Loading Data in React

UserList.js

import React, { Component } from 'react'

export class UserList extends Component {
    constructor() {
        super();
        this.state = {
            users: [],
        }
    };

    componentDidMount() {
        fetch('https://randomuser.me/api?results=100').then(results => {
            return results.json();
        }).then(data => {
            var users = [];
            data.results.forEach(u => {
                users.push(u);
            });
            this.setState({users: users});
        });
    }

    render() {
        return (
            <ul>
                {this.state.users.map(function (u) {
                    return <li key='{u.login.md5}'>{u.name.last}, {u.name.first}</li>
                })}
            </ul>
        )
    }
}