Там найдешь много интересного.

спасибо

You are welcome

Всем привет, подскажите, на сколько чревато использование async/await в ComponentDidMount в React.js ?

 async componentDidMount() {
const data1 = await this.props.fetchData();
const data2 = await this.props.fetchData1(data1);
const data3 = await this.props.fetchData2(data2);
console.log(data3);
}

Основная цель: Дождаться загрузки всех данных перед рендером. (цепочка асинхронных действий)

Запускай загрузку данных в конструкторе, а в рендере добавь проверку. Если данных нет - ничего не показывать. componentDidMount немного для других целей

Например, для обращения к дом элементам

имеете ввиду конструктор переписать в async/await ?

у меня 3 последовательных запросов в АПИ, один ждет другого. Думал может переписать в async/await или обернуть в один промис

Нет, в конструкторе можно вызвать async метод, но не await его

А в рендере уже проверять, есть ли все данные

Да, у меня сейчас так и сделано. Столкнулся с другой проблемой, функции запускаются не последовательно. Я неправильно выразился изначально, изменил примерный код выше

А функции fetchData асинхронные?

Да.
Засунул все это дело в ComponentDidUpdate() —> как только все пришло - происходит запуск последней асинхронной функции fetchData2, ну и соответсвенно флаг чтобы больше не срабатывал didUpdate. Понимаю что костыль но работает. Посоветуйте более правильное решение.

Есть еше такой вариант:  написать еще 1 action где внутри 2 других action отрабатывают и меняют данные в redux. Не знаю насколько правильно это так делать.

Всем привет. Есть кто на vue пишет тут? Есть несколько вопросов. По vuex у

Вопрос сразу задавай) сам не пишу , но могу порекомендовать чат @vuejs_ru

Тогда странно, почему функции не вызываются по порядку.
Как вариант, если используешь ридакс, то можно в getSnapshotBeforeUpdate проверять, какие данные уже есть, и вызывать функции получения данных с сервера в зависимости от текущего и прошлого стейта. Но лучше понять, почему await не работает

👍👍 окей, спасибо за помощь

Whaaat? В доках прям пишут, что запросы в конструкторе не делать

Для этого есть componentDidMount

А где? Не замечал такого