В каких случаях происходит перерендер React-компонента?

Перерендер — это повторный вызов функции компонента или метода render.

Основные причины перерендера

React запускает перерендер, если:

• изменился state компонента

• пришли новые props

• изменилось значение Context

• перерендерился родительский компонент

Изменение state

Любой вызов setState или useState:

• помечает компонент на обновление

• вызывает повторный рендер

setCount(count + 1);

Изменение props

Если родитель передаёт новые значения:

• React сравнивает ссылки

• при отличии запускается перерендер

Контекст

При изменении значения Context:

• все подписанные компоненты перерендериваются

• даже если используют только часть данных

Что важно помнить

Перерендер:

• не означает обновление DOM

• может быть прерван оптимизациями

• является нормальным процессом

Краткий вывод

React-компонент перерендеривается при изменении state, props, context или из-за родителя. Это основа реактивной модели React.