组件生命周期的“渲染”阶段

Question

我最近开始学习React.js，目前正在讨论组件生命周期。如果我对我的解释有误，请原谅我。

我觉得我希望从componentDidMount和componentDidUpdate阶段了解组件生命周期方法的基础。

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

根据我对屏幕截图的了解，当Person.js组件的值更改时，生命周期方法从组件树（App.js）的顶部开始。

通知[App.js] render。

由此我可以看出，Persons.js是唯一要重新渲染的组件？ （您可以看到以绿色突出显示的元素，这些元素标识了已渲染的部分。）

因此，我是否正确地说[App.js] render不会重新渲染整个App组件以仅应用Persons.js来应用“ Maxi”更改？ 如果是这样：

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

如果[App.js] render确实重新渲染了它及其子对象以应用“最大”更改：

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

Answer 1

React class component lifecylce

反应钩生命周期