Я создаю приложение React Native и столкнулся с проблемой загрузки некоторых изображений.Проблема в том, что после нескольких успешно загруженных изображений я сталкиваюсь с ошибкой:
[Отклонение необработанного обещания: ошибка: не удалось подключиться к javatrade.maniatest.win/ip-adress] из /10.0.3.15 после10000ms.
Я думал, что проблема в моем коде, я пытался записать его несколько раз, но проблема все еще сохраняется.
constructor(props) {
super(props);
this.state = {
downloadImages: [],
arrLength: 0,
progress: 0
};
}
componentWillMount = async() => {
axios.post('apilink')
.then(async (response) => {
await this.setState({ downloadImages: response.data.images, arrLength: response.data.images.length });
})
.finally(async() => {
this.startDownloading();
})
}
startDownloading = async() => {
for(let i = 0; i < this.state.downloadImages.length; i++){
await this.processArray(this.state.downloadImages[i])
}
console.log('Finished');
}
processArray = async(el) => {
const { progress, arrLength } = this.state;
this.setState({ progress: progress + (1/arrLength) });
await new Promise(async(resolve) => {
const name = el.split('/').pop();
const imageInfo = await FileSystem.getInfoAsync(`${FileSystem.documentDirectory}allImages/files/${name}`);
if(imageInfo.exists) {
console.log('Already exists');
return resolve();
} else {
await FileSystem.downloadAsync(el, `${FileSystem.documentDirectory}allImages/files/${name}`);
console.log('Finished downloading');
return resolve();
}
})
}
Так что я ожидаю от этого компонентазагружайте изображения по предоставленным ссылкам из API (их около 50).Иногда я загружаю 3, затем происходит ошибка Promise, иногда я загружаю 12, и появляются ошибки Promise. Я не уверен, что я делаю неправильно?
Вот ссылка на изображение ошибки из console.log.
https://i.imgur.com/a8XxX99.png