Для однократного выполнения операции при начальном рендеринге компонента в React можно использовать хук useEffect() с пустым массивом зависимостей.

Когда массив зависимостей пустой, эффект будет выполнен только один раз - после монтирования компонента. В этом случае, можно использовать эффект для инициализации компонента или выполнения других операций, которые должны быть выполнены только один раз при начальном рендеринге.

Вот пример кода, который демонстрирует, как использовать useEffect() для выполнения операции только один раз при начальном рендеринге:

import { useEffect } from "react"
 
function MyComponent() {
  useEffect(() => {
    // выполнение операции при начальном рендеринге
    console.log("Компонент был замонтирован")
  }, []) // пустой массив зависимостей
 
  return (
    <div>
      <h1>Мой компонент</h1>
      <p>Содержимое компонента</p>
    </div>
  )
}

В этом примере, useEffect() вызывается только один раз - после монтирования компонента, и выполняет операцию вывода сообщения в консоль. Когда массив зависимостей пустой, useEffect() будет выполнен только один раз при начальном рендеринге.

Назад