Почему не могу использовать await в if блоке?

Question

[Nikita Shchypylov]

Всем привет
Есть такой AC :

export const renderNotes = (user , users) => async dispatch => {
  Object.keys(users).map(element => {
    if (user === users[element].login) {
      let elements = await fire.database().ref('users/' + element + '/notes/'); // Сейчас тут ошибка
      return dispatch({
        type: RENDER_NOTES,
        payload: elements
      })
    }
  })
};

Так - всё работает :

export const renderNotes = (user , users) => async dispatch => {
  let elements = await fire.database().ref('users/' + element + '/notes/'); // Вынес сюда присвоение
  
  Object.keys(users).map(element => {
    if (user === users[element].login) {
      return dispatch({
        type: RENDER_NOTES,
        payload: elements
      })
    }
  })
};

Почему не могу использовать await в If() ?

Comments

[Kovalsky]

Вы можете использовать await в if, просто if у вас относится не к renderNotes, а к анонимной функции которую вы передаёте в map (вторая строка). А эта функция, само собой, не асинхронная.

Answer 1

[Антон Спирин]

Дело не в условном операторе, а в том, что у вас колбек у map не асинхронная функция и в ней нельзя использовать ключевое слово await. Исправить можно так:

export const renderNotes = (user , users) => dispatch => {
  Object.keys(users).forEach(async element => {
    if (user === users[element].login) {
      const elements = await fire.database().ref('users/' + element + '/notes/'); 

      return dispatch({
        type: RENDER_NOTES,
        payload: elements,
      });
    }
  })
};

В случае когда надо лишь пройтись по элементам массива, использовать метод map неправильно, для таких случаев есть метод forEach.

map следует использовать тогда, когда на основе исходного массива, надо получить новый массив элементов, преобразованных по определенному алгоритму:

const srcArray = [ 0.134555, 0.294587, 0.570858];

const mappedArray = srcArray.map(el => (el * 100).toFixed(1) + '%');

console.log(mappedArray);

// => ["13.5%", "29.5%", "57.1%"]

Answer 2

[RidgeA]

await можно только внутри async

Answer 3

[koshiii]

Для того , чтобы использовать await, должен присутствовать объект Promise в структуре как описано в документации:
https://developer.mozilla.org/en-US/docs/Web/JavaS...

Comments

[RidgeA]

да?
А так:
async () => await 1

[koshiii]

ну, пусть бы тогда сам разобрался , там в документации все было описано.
то что я сказал тоже правильно.

Answer 4

[Роман Александрович]

папробуйте так

export const renderNotes = async(user , users) => async dispatch => {
  let elements = await fire.database().ref('users/' + element + '/notes/'); // Вынес сюда присвоение
  
  Object.keys(users).map(element => {
    if (user === users[element].login) {
      return dispatch({
        type: RENDER_NOTES,
        payload: elements
      })
    }
  })
};