Метод componentDidMount в React

componentDidMount - это метод жизненного цикла, который вызывается непосредственно после монтирования (вывода на экран) компонента в DOM-дереве.

Этот метод используется для инициализации компонента, подписки на события, загрузки данных с сервера и других операций, которые требуются только при первоначальной загрузке компонента.

Например, если мы хотим загрузить данные с сервера, мы можем сделать это в компоненте, используя метод componentDidMount.

Вот пример кода:

import React, { Component } from 'react';
class ExampleComponent extends Component {
  state = {
    data: null
  }
  componentDidMount() {
    fetch('/api/data')
      .then(response => response.json())
      .then(data => {
        this.setState({ data })
      })
  }
  render() {
    return (
      

        { this.state.data ? 
{ this.state.data }
 : 
Loading data...
 }
      
    )
  }
}

В этом примере после компонента ExampleComponent монтируется в DOM-дерево, мы используем метод componentDidMount для запуска запроса данных с сервера. Когда данные будут загружены, мы устанавливаем их в состояние компонента (state), и отображаем эти данные внутри компонента в зависимости от состояния (любой компонент на React может иметь это состояние).