如何使用 axios 按顺序导入数组中的 object 数据？

Question

目前，我只能回忆起某个arrays。我把数据的'长度'放在'[]中，但只有最后一个数据出来。 （我知道为什么）

如何依次导入数组中第一个object到最后一个object的数据？

电话号码：mySQL

• Axios 从第一个数组加载数据的代码

 const getList = async () => {
    axios.defaults.withCredentials = true;
    const config = {
      headers: {
        withCredentials: true,
      },
    };
    try {
      //Successful response
      const response = await axios.get("url", config);
      const data = response.data;
      console.log(data);
      const id = data[0].BOARD_ID;
      const title = data[0].BOARD_TITLE;
      const register = data[0].REGISTER_ID;
      const date = moment(data[0].REGISTER_DATE).format(
        "YYYY MM DD, H:mm:ss a"
      );
      setBbsData([
        {
          ...bbsData,
          id: id,
          title: title,
          register: register,
          date: date,
        },
      ]);
    } catch (error) {
      //Failed to respond
      console.log(error);
    }

• 服务器代码

app.use(cors({ credentials: true, origin: true }));

// api
app.get("url", (req, res) => {
  const sqlQuery = "SELECT *FROM BOARD;";
  db.query(sqlQuery, (err, result) => {
    res.send(result);
  });
});

app.listen(PORT, () => {
  console.log(`running on port ${PORT}`);
});

Answer 1

Arrays 有一个map方法，允许您对其所有元素进行操作。

setBbsData(
  data.map((item) => ({
    id: item.BOARD_ID,
    title: item.BOARD_TITLE,
    register: item.REGISTER_ID,
    date: moment(item.REGISTER_DATE).format("YYYY MM DD, H:mm:ss a"),
  })),
);

在这里，我们获取每个项目并将它们映射到一个新的 object。括号周围的括号是必需的，否则它将被解释为 function 主体而不是 object。