title: React App Table Help - Data is not rendering on page correctly
body: <p>I am trying to create an app that takes data from an API, puts it in a table, and paginates the data. I am currently in the beginning stages but I am already running into an issue. The data from the API below is not successfully rendering to the table I created. Below is a snapshot of the code, the only thing that prints are the buttons:</p>
  <p><strong>This.State</strong></p>
  <pre><code>constructor(props){
      super(props);
      this.state = {
        err: null,
        isLoaded: false,
        users: [{
          id:'',
          name:'',
          userID:''
        }],
      };
    }
  </code></pre>
  <p><strong>Fetching Data from API</strong></p>
  <pre><code>componentDidMount(){
      fetch(&quot;https://retoolapi.dev/LlqE3f/data&quot;)
        .then(res =&gt; {
          if (res.status &gt;= 400) {
            throw new Error(&quot;Server responds with error!&quot;)
          }
          return res.json()
        })
        .then(
          (result) =&gt; {
          this.setState({
            ...this.state,
            isLoaded: true,
          });
        },
        (err) =&gt; {
          this.setState({
            isLoaded: true,
            err
          });
        }
      )
    }
  </code></pre>
  <p><strong>Rendering Data</strong></p>
  <pre><code>renderData = (users) =&gt; {
      return(
        &lt;table&gt;
          {users.map((user, index) =&gt; (
            &lt;tr key={index}&gt;
              &lt;td&gt;{user.id}&lt;/td&gt;
              &lt;td&gt;{user.name}&lt;/td&gt;
              &lt;td&gt;{user.userID}&lt;/td&gt;
            &lt;/tr&gt;
          ))}
        &lt;/table&gt;
      );
    };
  </code></pre>
  <p><strong>App.js</strong></p>
  <pre><code>render(){
      const {
        err,
        isLoaded,
        users,
      } = this.state;
      if (err) {
        return &lt;div&gt; {err.message} &lt;/div&gt;
      } else if (!isLoaded) {
          return &lt;div&gt; Loading... &lt;/div&gt;
      } else {
          return (
            &lt;div&gt;
              {this.renderData(users)}
                  &lt;button&gt; &amp;lt; &lt;/button&gt;
                  &lt;button&gt; &amp;lt; &lt;/button&gt;
                  &lt;button&gt; &amp;gt; &lt;/button&gt;
                  &lt;button&gt; &amp;gt;&amp;gt; &lt;/button&gt;
            &lt;/div&gt;
          )
      }
  }
  </code></pre>