javascript - 将响应数据传递给数组

Question

如何将获取的数据传递给名为 users 的数组？我尝试使用 this.users = data.data，然后使用 console.log(users)，但没有出现任何内容。

我也在尝试映射响应，我在控制台中遇到错误Uncaught TypeError: fetchData.map is not a function

const users = [];

const fetchData = () => {
    axios.get('https://reqres.in/api/users')
  .then(({data}) => {
    this.users = data.data;
    console.log(data);
  })
}
fetchData();

const mapUsers = fetchData.map((item) => {
    return {
        avatar: item.avatar
    }
})

Answer 1

可能您需要将地图移动到回调中

let users = [];

const fetchData = () => {
  axios.get("https://reqres.in/api/users").then(({ data }) => {
    users = data.data;

    const mapUsers = users.map((item) => {
      return {
        avatar: item.avatar,
      };
    });
    console.log("mapUsers", mapUsers);
  });
};

fetchData();

或者

let users = [];

const fetchData = () => {
  return axios.get("https://reqres.in/api/users").then(({ data }) => {
    return data.data;
  });
};

fetchData().then((data) => {
  console.log(data);
  const mapUsers = data.map((item) => {
    return {
      avatar: item.avatar,
    };
  });

  console.log("mapUsers", mapUsers);
});