reactjs - 如何在 React Native 中下载图像期间避免 "Excessive number of pending callbacks: 501"错误？

Question

我需要在按下按钮时下载一组图像。目前，我正在使用 react-native-fs 这样做:

const downloadImageItem = async (imgUrl, id) => {
  const path = `${RNFS.DocumentDirectoryPath}/${id}.jpg`;

  RNFS.downloadFile({
    fromUrl: imgUrl,
    toFile: path,
  });
};

const downloadImages = async (items) => {
  for (const item of items) {
    if (item.images.length) {
      await downloadImageItem(item.images[0].thumb, item.images[0].id);
    }
  }
  return Promise.resolve();
};

从我的 reducer 中为 3 种类型的项目调用函数:

await downloadImages(items_one);
await downloadImages(items_two);
await downloadImages(items_three);

我的问题是有时我会收到一条错误消息，内容为:
过多的待处理回调:501

有没有更好的方法来做同样的事情，这样错误就不会出现？

Answer 1

类似的 issue已在 react-native 上开通2019 年 12 月的存储库，它仍然没有关闭或解决，但我想你可能会发现这个 comment有用。

那里描述的问题是排队太多Promise调用可能有问题。评论者建议使用 Promise名为 Promise.map() 的实用函数它具有开箱即用的并发控制，来自 bluebird图书馆。