> Какие триггеры вызывают перерисовку React компонента (React)
Уровень: senior · Роль: frontend · Категория: Технические вопросы
Компании: IT-One
Стек: React
> Пример ответа
В React компонент перерисовывается (re-render) при наступлении одного из трех основных триггеров:
-
Изменение состояния (state) - вызов
setState()в классовых компонентах или функции-сеттера изuseState()в функциональных. React помечает компонент как «грязный» и планирует его повторный рендер. -
Изменение пропсов (props) - когда родительский компонент передает новые пропсы, дочерний компонент перерисовывается, если не оптимизирован (например, с помощью
React.memo). -
Принудительный перерендер - вызов
forceUpdate()в классовых компонентах (аналога в хуках нет, но можно использовать пустойsetStateили инкремент счетчика вuseState).
Также стоит помнить, что перерисовка родителя автоматически вызывает перерисовку всех его дочерних компонентов по умолчанию (если не применены мемоизация или shouldComponentUpdate).
> Похожие задачи по frontend
Для чего используется getStaticPaths в Next.js
Какие уязвимости или баги известны у React хука useEffect и как получить неожиданное поведение
Почему в React компоненте при вводе текста последний символ пропадает
Как правильно использовать useState и useEffect в кастомном хуке для хранения данных и ошибок
> ГОТОВЫ К СЛЕДУЮЩЕМУ СОБЕСЕДОВАНИЮ?
Запустите тренировочную сессию с ИИ и получите детальную обратную связь, чтобы увереннее проходить реальные интервью