Отображение страницы после загрузки всех данных?

Question

[aznhautroalvyl]

В React-приложении есть страница с таблицей. В таблице три столбца и определённое количество строк (например, 10, т.е. 10 записей в таблице). Данные для каждого из трёх столбцов получаются в результате трёх разных запросов к БД (к разным таблицам в БД).
В результате, при загрузке этой страницы в таблице иногда заполнен только один из трёх столбцов (успевает выполниться только один из запросов), а после перезагрузки таблица становится заполненной вся.
Как правильно сделать рендер страницы только после всех полученных из БД данных?

На данный момент реализация следующая: для каждого запроса к БД существует функция с fetch-запросом. Вызов всех этих функций находится в componentDidMount()

Answer 1

[Егор Живагин]

Я бы сделал просто функцию loadAllData , из неё кидал бы все три запроса (ждать их через Promise.all) , а дальше бы сразу все данные рендерил