Блог

Я использую цикл for await для перебора массива и сопоставления значения внутри firestore cloud, но, к сожалению, результат не соответствует ожиданиям; вот мой код

 (async () => {
for await (const element of array) {
firestore().collection('users').where('value', '==', element).get()
.then(async snapshot () => {
setvalue(snapshot.data())
}
setIsLoading(false);
}();
 

Когда я запускаю приложение в эмуляторе, и массив содержит 2 элемента, он просто выдает мне результат, как и ожидалось, но когда массив превышает 40 или n-е число, результат обновляется не так, как ожидалось, и через несколько минут отображается ожидаемый результат.
Я просто хочу обновить состояние isLoading false, когда цикл for await завершит свой цикл, а также код внутри блока цикла завершит проверку firebase, а затем только setIsLoading(false)

Вместо for await этого используйте await для своей get() функции.
Это должно сработать!

 (async () => {
  for (const element of array) {
    const snapshot = await firestore().collection('users').where('value', '==', element).get();
    setvalue(snapshot.data());
  }
  setIsLoading(false);
}();
 

 (async () => {

const allValues = await Promise.all(array.map( item => {

return firestore().collection('users').where('value', '==', element).get()
.then(async snapshot () => {
 //do something

 return value
}

})

console.log('allValues', allValues)
setIsLoading(false);
}();
 

Вы можете рассмотреть возможность использования Promise.all и дождаться завершения всех операций.

Как было рекомендовано ранее, лучше разбить его на куски и вместо этого использовать where(‘value’,’in’, array) .

Обновление — использовать для цикла (я разбиваю их на этапы, чтобы вы могли изменять их для собственного использования)

 //create a function
const myJob = async() => doSomething

//empty array to hold all the async jobs.
let myPromises = []

//for loop to do whatever u want.
for ( var i = 0; i < 10; i  ) {
     myPromises.push(myJob(i));
}

//now call Promise.all with the array of jobs
const myResults = Promise.all(myPromises);