Question

我一直在搜寻类似的问题，但找不到针对此确切api的任何答案。我知道这真的很容易，我现在就失去理智..我只需要reqres api中所有用户的列表..如果您查看下面的代码，它说明了我在获取的数据控制台日志。我要做的就是在render方法中将其渲染为列表：

Day

Answer 1

您可以在map()上使用this.state.people

return (
  <ul>
    {this.state.people.map(({id, first_name, last_name, avatar}) => (
      <li key={id}>
        First Name: {first_name} Last Name: {last_name} avatar: {avatar}
      </li>))
    }
  </ul>
);

Answer 2

您的render()方法中的

只是遍历您的人员对象，例如：

render() {
  return (
    <ul>
      {this.state.people.map(person => (
        <li key={person.id}>{person.firstName}</li> 
      )}
    </ul>
  )
}

别忘了在迭代值上使用键

如何使用React从ReqRes API呈现用户列表

2 个答案: