Синхронный ajax запрос — react?

Question

[yankoyski]

Нужно сначала сделать запрос на сервер с помощью ajax, дождаться результата, после чего отрисовать страницу на основе полученных данных. Как можно реализовать?

Answer 1

[0xD34F]

сначала сделать запрос <...> после чего отрисовать страницу

Нет, это делается не так. Страница отрисовывается сразу. Пока данных нет - демонстрируется индикатор загрузки; после выполнения запроса индикатор скрывается, данные показываются (см. условный рендеринг). Например.

Answer 2

[Андрей Охотников]

Вот вполне понятный пример из официальной документации. Вместо колбеков можно использовать async/await , но суть та же

Answer 3

[Петр Васильев]

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

function drawResp(resp){
БраузерНарисуйМнеКрасиво()
}