Как получить ответ по fetch до рендеринга DOM дерева?

Question

[DMITRY Chernenkiy]

У меня есть небольшой компонент написанный на react и редакс. В редаксе начальный стейт заполнен пустышками, Мой небольшой компонент имеет внутри асинхронную функция которая получает данные из интернета и вставляет их в стейт. И вот в чем проблема, сначала компонент рендериться с пустышками, а когда приходят данные из интернета происходит перерендер с хорошими данными. То есть рендеринг происходит два раза. Как сделать так чтобы компонент ждал
данные из интернете, и не рендерил пустышки.
Пример кода

export function App() {
  useEffect(getWeatherAPI, []);
  return (
    <Provider store={store}>
      <Header />
      <TimeNavigation />
      <SirchPanel />
      <DailyWeather />
    </Provider>
  );
}

Comments

[Lynn «Кофеман»]

Никак

Answer 1

[Алексей Ярков]

if (данные) {
  <Component/>
}

Так?

Comments

[DMITRY Chernenkiy]

Не, условный рендеринг это не совсем то, я бы хотел что бы Апп дождался данных с сервера и только тогда начал рендерить

[Алексей Ярков]

DMITRY Chernenkiy, Ну так и будет