Подготовка к интервью
14 вопросов с ответами по теме «useEffect и жизненный цикл React»
Что проверяют на интервью
Вопросы о побочных эффектах React-компонента, условиях их повторного выполнения и очистке подписок или таймеров. Отдельные материалы сравнивают useEffect с useLayoutEffect и методами жизненного цикла классов.
Каталог
В React хук useEffect может возвращать функцию очистки (cleanup function), которая вызывается при размонтировании компонента или перед повторным выполнением эффекта.
Читать ответХук useEffect в React срабатывает после рендера компонента и позволяет выполнять побочные эффекты. Управлять моментами срабатывания можно через массив зависимостей — второй аргумент useEffect.
Читать ответuseEffect срабатывает после того, как React отрендерил компонент и обновил DOM. Это значит, что callback внутри useEffect выполняется после фазы «commit» (фиксации изменений в DOM).
Читать ответОсновные методы жизненного цикла классового компонента React:
Читать ответuseEffect — это основной хук в React для управления побочными эффектами, такими как запросы данных, подписки или манипуляции с DOM.
Читать ответCleanup-функция в useEffect срабатывает в следующих случаях:
Читать ответМассив зависимостей (dependency array) в хуках React (например, useEffect, useMemo, useCallback) указывает, от каких значений зависит выполнение эффекта или мемоизированной функции.
Читать ответuseEffect и useLayoutEffect — это хуки React, которые позволяют выполнять побочные эффекты в функциональных компонентах, но отличаются по времени выполнения:
Читать ответuseEffect в React вызывается при изменении значений из массива зависимостей.
Читать ответМоргание интерфейса из-за useEffect часто происходит, когда состояние обновляется после первоначального рендера, вызывая повторный рендер с новыми данными.
Читать ответПри первом рендере React-компонента с дочерним компонентом, в котором используются хуки useLayoutEffect и useEffect, порядок вызовов будет следующим:
Читать ответУправление состоянием заголовка страницы (document.title). Подписка и отписка от событий браузера (например, изменение размера окна, клики вне элемента):
Читать ответ