Javascript 在父组件`componentDidMount`生命周期中调用ReactDOM.render

我只是好奇而已。我在下面写了一个演示：

class-ChildComponent扩展了React.Component{
组件willmount（）{
log（'ChildComponent将挂载'）；
}
componentDidMount（）{
log（'ChildComponent未装载'）；
}
render（）{
console.count（'ChildComponent render'）；
返回
子组件
}
}
类ParentComponent扩展了React.Component{
组件willmount（）{
log（'ParentComponent将挂载'）；
}
componentDidMount（）{
console.log（'ParentComponent未装载'）
ReactDOM.render(
,
document.getElementById（'content'）
)
}
render（）{
console.count（'ParentComponent render'）；
返回
父组件
}
}
ReactDOM.render(
,
文件正文
)

---

在正常情况下，我们将这样使用

<ParentComponent>
    <ChildComponent />
</ParentComponent>

所以

ChildComponent

是

ParentComponent

的一部分。因此子级的

组件didmount

将在父级之前运行。只有在装入子对象后，父对象才会完成

如果在父级的方法

ComponentDidMount

中渲染

ChildComponent

。这意味着

ParentComponent

不包括

ChildComponent

。您似乎可以使用jQuery来更改已装入组件的某些内容。因此，顺序将是父级将首先完成装载，然后是

ChildComponent