Я недавно начал изучать React. js и в настоящее время нахожусь в топе c жизненного цикла компонента. Простите, если я ошибаюсь в объяснении показывает пример жизненного цикла (см. скриншот ниже), когда значение «Макс» меняется на «Макси». Я отредактировал его, чтобы показать, как компоненты отображаются (с точки зрения родительских и дочерних компонентов).
Из моего понимания на скриншоте, когда значение компонента Person. js изменяется, методы жизненного цикла начинаются с вершины дерева компонентов (Приложение. js).
Уведомление [App.js] render.
Я вижу, что Исходя из этого, Перс. js - это единственный компонент, который перерисовывается? (Вы можете видеть элементы, выделенные зеленым цветом, которые определяют, какие части были отрисованы.)
Так что я прав, говоря, что [App.js] render не перерисовывает весь компонент приложения, чтобы применить это изменение «Макси», только Персоны. js? Если так:
- Что он делает на этом этапе?
- визуализируется ли он в виртуальном DOM, но не в реальном DOM?
Если [App.js] render повторно выполняет рендеринг его и его дочерних элементов, чтобы применить изменение 'Maxi':
- Почему React не может запустить жизненный цикл компонента из Persons. js? вместо в верхней части дерева компонентов приложение. js?