React: Как вывести данные, полученных через ajax-запрос при загрузке страницы?

Question

[MFT]

Здравствуйте! Подскажите, пожалуйста, как вывести данные, полученных через ajax-запрос при загрузке страницы?
Т.е. как сделать так, чтобы рендеринг компонента выполнялся только после получения данных посредством ajax?

Answer 1

[hzzzzl]

state = {loaded: false, data: null}

async componentDidMount() {
  const data = await /* через ajax-запрос */
  this.setState({ loaded: true, data: data })
}

render() {
  if (!this.state.loaded) return null

  // вывести данные
}

Comments

[MFT]

Спасибо!

Answer 2

[Dimonchik]

https://ru.reactjs.org/docs/faq-ajax.html

Comments

[MFT]

Спасибо!