javascript - React 组件如何一次渲染一个而不嵌套在其父级的渲染中？

Question

如果您要记录每个组件渲染的开始和结束，它们将独立于它们渲染的子组件而开始和结束。子级如何不在父级渲染的开头和结尾内渲染？

谢谢!

Answer 1

在渲染自身之前，父级如何知道要渲染哪些子级？想一想。子组件是父组件渲染的结果。在父元素渲染之前，React、宇宙或上帝到底如何知道要渲染哪些子元素？显然，父级在其子级之前渲染，当有子级要渲染时，它会运行自己的渲染函数，如果那个子级有子级，它就会渲染那些 children ，等等。 React 应用程序基本上是一个树结构，首先渲染根“节点”，然后是任何子节点，然后是这些子节点的任何子节点，等等。

此外，渲染函数没有“结束”。 “结束”是 React 组件返回渲染的结果，并且在返回之后渲染函数中不能运行任何代码。渲染的“结束”是指每个父级和子级都运行其渲染函数并返回一个组件时。