javascript-无法为单个对象运行唯一的迭代

我正在尝试在页面上显示 25 个条目（name、company、skill等），但无法获取唯一信息。

即我只能一遍又一遍地看到第一个条目。我不确定如何重申新信息，因为它只会是response.data.students[0].

这是我的代码现在的样子，映射是:

export default function StudentList() {
  let [loaded, setLoaded] = useState(false);

  let [students, setStudent] = useState(" ");
  function doInfo(response) {
    console.log(response.data);
    setStudent(response.data.students[0].id);
    setLoaded(true);
  }

  if (loaded) {
    return (

    );
  } else {
    let url = "https://api.hatchways.io/assessment/students";
    axios.get(url).then(doInfo);
  }
}

有人能帮我把它编码成25个条目，而不仅仅是第一个条目吗？