在react native with Async/Await关键字中，循环数组并对API进行请求调用不能解决问题

Question

当我尝试向我的API发出如下请求时：

export default ({ navigation }) => {
// call getMovieImages with the id of the likedMovies from the state.likedMovies

const { getMovieImages, state:{ likedMovies }} = useContext(MovieContext);
   likedMovies.map(async (item, index) => {
      const data = await getMovieImages(likedMovies[index]) 
      console.log(data)
   })
   return (
  <SafeAreaView style={styles.container}>
   <Text>You liked {likedMovies.length} movies!</Text>
   <View style={styles.navBar}>
    .
    .
    .
   </View>
  </SafeAreaView>
   )
}

我得到了一个未定义的控制台日志，尽管我在map函数之前使用了一个async关键字。有人能告诉我为什么会这样吗？

此外，我还检查了likedmovies[index]。它输出数组中相似元素的ID。所以，在那里也没有问题。我应该只使用.then()语句吗？

顺便说一下，我已经检查了所有的类型和API要求。都很合身。在等你的想法，谢谢。

likedMovies是一个整数数组，在本例中，getMovieImages用来自likedMovies数组的整数动态地发出API请求。然而，即使map函数循环遍历索引并找到电影的相关id值，getMovieImages也不会解析，并且数据对象日志未定义到Console。

我将尝试将图像字段分成两个对象，用于在我的状态对象中的喜欢和不喜欢的电影图像，但实际上，我试图避免这种干巴巴的练习，因此任何其他解决方案都将非常感谢。谢谢你抽出时间！

Answer 1

您正在map内部调用async await，该map为每次迭代返回一个承诺。如果您像下面这样做

const data = Promise.all( likedMovies.map((item, index) => {
           return getMovieImages(likedMovies[index]) }));

它将返回由每次迭代的结果生成的数组