0

我的代码正在运行。但我很确定有一种更简单的方法可以做到这一点。现在的方式，我可以通过访问我的 Promise 中的 '_v' 键来获得我需要的结果。这就是为什么我认为我做错了什么。这是代码：

文件1.js

import * as Utils from '../js/utils';

albumsArray() {
    this.albums = Utils.getAlbums(this.user, this.token);
}

实用程序.js

export async function getAlbums(user, token){
  let store = []
  let data = await axios.get(`https://api.imgur.com/3/account/${user}/albums/`, {
    headers: {
      Authorization: `Bearer ${token}`,
      Accept: 'application/json'
    }
  })
  .then(response => {
    response.data.data.map( data => store.push(data))
  })

  return store || [];
}

所以，按照现在的方式，我在相册['_v'] 中得到了我想要的结果。

Obs: albums(this.albums) 是我记录它时的一个承诺，而 _v 是我需要的数据的关键所在。我做错了什么。如何让我的代码看起来更好？

谢谢

4

1 回答 1

1

async/await 最酷的地方在于你得到的是实际值而不是承诺......你可以这样做：

export async function getAlbums(user, token){
  let response = await axios.get(`https://api.imgur.com/3/account/${user}/albums/`, {
    headers: {
      Authorization: `Bearer ${token}`,
      Accept: 'application/json'
    }
  })
  return response.data.data || [];
}

您正在将 response.data.data 中的所有内容推入存储...为什么不返回 response.data.data 本身？

然后 file1.js 也应该使用 async/await 所以你得到数组而不是一个承诺......

async albumsArray() {
    this.albums = await Utils.getAlbums(this.user, this.token);
}

说得通？

于 2016-04-10T03:31:02.627 回答