Synchronous ajax request - react?

Question

JavaScript

You must first make a request to the server using ajax, wait for the result, and then draw the page based on the received data. How can it be implemented?

Answer 1

first make a request <...> and then render the page

No, this is not how it is done. The page is rendered immediately. While there is no data, a loading indicator is shown; after the request is executed, the indicator is hidden, the data is shown (see conditional rendering ). For example .

Answer 2

Here's a pretty clear example from the official documentation. Instead of callbacks, you can use async/await , but the essence is the same

Answer 3

fetch('./api/some.json').then( function(resp){drawResp(resp)})
function drawResp(resp){
BrowserDrawMeBeautiful()
}