Есть очень много маленьких картинок, их порядка 6к но все они по пару Кб. Ссылки на эти картинки хранятся в массиве. Как мне дождаться загрузки всех этих картинок в React?
Я пробую так:
App.js
useEffect(() => {
cacheImages()
.catch(console.log)
.finally(() =>isLoading(false));
}, []);
Cам cacheImages:
const cacheImages = async () => {
const promises = await srcArray.map(src => {
return new Promise((resolve, reject) => {
const img = new Image();
img.onload = resolve;
img.onerror = reject;
img.src = src;
window[src] = img;
});
});
await Promise.all(promises);
};
Но в итоге проект не может до конца загрузиться и просто подвиает. Есть идеи или как это пофиксить, или как просто дождаться загрузки картинок?