> Какой хук в React соответствует поведению componentDidMount и componentWillUnmount (React)
Уровень: senior · Роль: frontend · Категория: Технические вопросы
Компании: Сбер
Стек: React
> Пример ответа
В React хуки useEffect с пустым массивом зависимостей ([]) и возвратом функции очистки соответствуют поведению componentDidMount и componentWillUnmount.
Пример:
JSXuseEffect(() => {// Этот код выполняется при монтировании (componentDidMount)console.log('Компонент смонтирован');// Функция очистки выполняется при размонтировании (componentWillUnmount)return () => {console.log('Компонент размонтирован');};}, []); // Пустой массив гарантирует выполнение только один раз
-
useEffect(() => { ... }, [])- аналогcomponentDidMount. -
return () => { ... }внутри эффекта - аналогcomponentWillUnmount.
Важно: если не указать массив зависимостей, эффект будет запускаться при каждом рендере, что не соответствует поведению componentDidMount.
> Похожие задачи по frontend
Что произойдет, если у компонента поменять ключ, но свойства останутся те же
Через что прокидывается контекст в React и как изменение провайдера влияет на ререндер
Можно ли условно вызывать хуки в React при разных рендерах
Как написать кастомный хук useState с колбэком при смене состояния в React
> ГОТОВЫ К СЛЕДУЮЩЕМУ СОБЕСЕДОВАНИЮ?
Запустите тренировочную сессию с ИИ и получите детальную обратную связь, чтобы увереннее проходить реальные интервью