title: How to render a list of users from ReqRes API with React
body: <p>I have been scouring over similar questions and can't find any that have been answered for this exact api. I know its really easy I'm just loosing my mind right now.. I just need a list of all the users from the reqres api.. if you have a look at the code below it explains what data I'm getting in the console logs. All I want to do is to render that as a list in the render method:</p>
  
  <pre><code>import React, { Component } from "react";
  import axios from "axios";
  
  class User extends Component {
    state = {
      people: []
    };
  
    componentDidMount() {
      axios
        .get("https://reqres.in/api/users")
        .then(response =&gt; {
          this.successShow(response);
        })
        .catch(error =&gt; {
          this.successShow(error);
        });
    }
  
    successShow(response) {
      this.setState({
        people: response.data.data
      });
    }
  
    render() {
      console.log(this.state.people[0]);
      //this console log prints this:
      //{id: 1, first_name: "George", last_name: "Bluth", avatar: "https://s3.amazonaws.com/uifaces/faces/twitter/calebogden/128.jpg"}
  
      console.log(this.state.people[1]);
      //this console log prints this:
      //{id: 2, first_name: "Janet", last_name: "Weaver", avatar: "https://s3.amazonaws.com/uifaces/faces/twitter/josephstein/128.jpg"}
  
      return &lt;div&gt;HOW DO I RENDER A LIST OF ALL THE USERS HERE??&lt;/div&gt;;
    }
  }
  export default User;
  </code></pre>