React: How to output data received via ajax request on page load?

Question

React

Hello! Can you please tell me how to display the data received via ajax request on page load?
Those. how to make the component render only after receiving data via ajax?

Answer 1

state = {loaded: false, data: null}

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

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

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

Answer 2

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