Когда React рендерит компонент Чтобы эффективно создавать приложения на React, полезно понимать поведение рендеринга React и знать правила как избежать повторный рендер. React рендерит компонент, если: - у компонента запланировано обновление стейта. - произошел рендер родительского компонента и текущий компонент не соответствует критериям отказа от повторного рендера, где все эти четыре условия должны выполняться одновременно: - Компонент был уже отрендерен и смонтирован. - Нет изменений пропсов. - Нет изменений в значении контекста, который используется в компоненте. - Сам компонент не запланировал обновление. Существуют два типа рендеринга, которые могут произойти с компонентом: - активный рендеринг: - Компонент (или кастомный хук) заранее планирует обновления для изменения стейта. - Прямой вызов ReactDOM.render. - пассивный рендеринг: родительский компонент запланировал обновление стейта и текущий компонент не соответствует критериям отказа от повторного рендера (четыре условия выше). https://www.zhenghao.io/posts/react-rerender