Как выполнить функцию перед монтированием компонента с помощью useEffect

В React функциональных компонентах нет точного аналога componentWillMount из классовых компонентов. Однако можно имитировать выполнение кода перед монтированием с помощью useEffect с пустым массивом зависимостей.

useEffect(() => {
  // Код выполнится один раз перед монтированием
  console.log('Выполняется перед монтированием');
}, []); // Пустой массив зависимостей

Важно: На самом деле этот код выполнится после монтирования, но до первого рендера. В React нет хука, который выполняется строго до монтирования. Если нужна инициализация перед рендером, её лучше выполнять вне хуков, прямо в теле компонента.

const [data, setData] = useState(() => {
  // Инициализация до рендера
  return computeInitialState();
});