react-hooks-test-traditional-way

app.js

class App extends React.Component {
  state = { users: [] };

  componentDidMount() {
    axios("https://randomuser.me/api/?results=10&inc=name,login&nat=us").then(
      response => {
        this.setState({
          users: response.data.results
        });
      }
    );
  }

  render() {
    const { users } = this.state;
    return (
      <ol>
        {users &&
          users.map(({ name, login }) => (
            <li key={login.uuid}>
              {`${name.title} ${name.first} ${name.last}`}
            </li>
          ))}
      </ol>
    );
  }
}