title: How to render the page after downloading all the data?
body: <p>In my React application there is a page with a table. There are three columns in the table and a certain number of rows (for example, 10, that is, 10 records in a table). The data for each of the three columns is obtained as a result of three different queries to the database (to different tables in the database).
  As a result, when this page is loaded in the table, sometimes only one of the three columns becomes full (only one of the queries is completed), and after a reload page, the table becomes full.</p>
  
  <p>At the moment I did next: for every query to the database, there is a function with a fetch query. The call of all these functions is in </p>
  
  <pre><code>componentDidMount()
  </code></pre>
  
  <p>How to render a page correctly only after all the data obtained from the database?</p>