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

Question

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

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

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

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

通知[App.js] render。

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

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

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

如果[App.js] render重新渲染它及其子元素以应用“最大”更改：

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

Answer 1

React class component lifecylce

反应钩生命周期