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