> Какой хук в React соответствует поведению componentDidMount и componentWillUnmount (React)

Уровень: senior · Роль: frontend · Категория: Технические вопросы

Компании: Сбер

Стек: React

> Пример ответа

В React хуки useEffect с пустым массивом зависимостей ([]) и возвратом функции очистки соответствуют поведению componentDidMount и componentWillUnmount.

Пример:

JSX
useEffect(() => {
// Этот код выполняется при монтировании (componentDidMount)
console.log('Компонент смонтирован');
// Функция очистки выполняется при размонтировании (componentWillUnmount)
return () => {
console.log('Компонент размонтирован');
};
}, []); // Пустой массив гарантирует выполнение только один раз
  • useEffect(() => { ... }, []) - аналог componentDidMount.

  • return () => { ... } внутри эффекта - аналог componentWillUnmount.

Важно: если не указать массив зависимостей, эффект будет запускаться при каждом рендере, что не соответствует поведению componentDidMount.

> ГОТОВЫ К СЛЕДУЮЩЕМУ СОБЕСЕДОВАНИЮ?

Запустите тренировочную сессию с ИИ и получите детальную обратную связь, чтобы увереннее проходить реальные интервью