Встречается на собеседованиях • сегодня

Какой есть аналог componentDidMount в функциональном компоненте в React

В функциональных компонентах аналогом componentDidMount является хук useEffect с пустым массивом зависимостей. Он выполняется один раз после монтирования компонента.

jsx
import { useEffect } from 'react';

function MyComponent() {
useEffect(() => {
// Код здесь выполнится один раз после монтирования
console.log('Component mounted');

text
return () => {
  // Очистка эффектов (аналог componentWillUnmount)
};

}, []); // Пустой массив зависимостей
}

text

Ключевые моменты:
- Пустой массив зависимостей `[]` гарантирует однократный вызов
- Возвращаемая функция - аналог `componentWillUnmount`
- Можно использовать несколько `useEffect` для разделения логики
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы