Javascript 组件生命周期'；s'；渲染'；阶段

我最近开始学习React.js，目前的主题是组件生命周期。如果我的解释错了，请原谅我

我觉得我从componentDidMount和componentDidUpdate阶段了解了组件生命周期方法的基础知识（希望如此）

我正在学习的课程向我展示了当值“Max”更改为“Maxi”时的生命周期示例（请参见下面的屏幕截图）。我对其进行了编辑，以显示组件是如何呈现的（就父组件和子组件而言）

根据我在截图中的理解，当Person.js组件的值发生变化时，生命周期方法从组件树（App.js）的顶部开始

注意

[App.js]render

我从中了解到，Persons.js是唯一被重新呈现的组件吗？（可以看到以绿色亮显的元素，这些元素标识渲染的零件。）

那么，我说的

[App.js]render

不是重新呈现整个应用程序组件以应用“Maxi”更改（仅Persons.js）是正确的吗？ 如果是：

• 它在那个阶段做什么
• 它是否在虚拟DOM中呈现，而不是在实际DOM中呈现

如果

[App.js]render

确实重新渲染它及其子对象以应用“Maxi”更改：

• 为什么不能从Persons.js启动组件生命周期？而不是在组件树App.js的顶部

反应钩生命周期