@aznhautroalvyl

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

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

На данный момент реализация следующая: для каждого запроса к БД существует функция с fetch-запросом. Вызов всех этих функций находится в componentDidMount()
  • Вопрос задан
  • 374 просмотра
Решения вопроса 1
Krasnodar_etc
@Krasnodar_etc
fundraiseup
Я бы сделал просто функцию loadAllData , из неё кидал бы все три запроса (ждать их через Promise.all) , а дальше бы сразу все данные рендерил
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы