> Какие триггеры вызывают перерисовку React компонента (React)

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

Компании: IT-One

Стек: React

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

В React компонент перерисовывается (re-render) при наступлении одного из трех основных триггеров:

  1. Изменение состояния (state) - вызов setState() в классовых компонентах или функции-сеттера из useState() в функциональных. React помечает компонент как «грязный» и планирует его повторный рендер.

  2. Изменение пропсов (props) - когда родительский компонент передает новые пропсы, дочерний компонент перерисовывается, если не оптимизирован (например, с помощью React.memo).

  3. Принудительный перерендер - вызов forceUpdate() в классовых компонентах (аналога в хуках нет, но можно использовать пустой setState или инкремент счетчика в useState).

Также стоит помнить, что перерисовка родителя автоматически вызывает перерисовку всех его дочерних компонентов по умолчанию (если не применены мемоизация или shouldComponentUpdate).

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

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