在render 父子组件生命周期

在render阶段，父组件和子组件的生命周期执行顺序如下：

1. 父组件的constructor
2. 父组件的getDerivedStateFromProps
3. 父组件的render
4. 子组件的constructor
5. 子组件的getDerivedStateFromProps
6. 子组件的render
7. 子组件的componentDidMount
8. 父组件的componentDidMount

在这个阶段，父组件和子组件都已经完成了初始化，并且子组件已经挂载到父组件的某个节点上。

请注意，这只是一个简化的生命周期执行顺序，实际情况可能会因为组件的复杂性而有所不同。具体的生命周期执行顺序还取决于组件的结构和逻辑。

参考文档：
\[1\] React生命周期图示: https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/
\[2\] React官方文档: https://reactjs.org/docs/react-component.html
#### 引用[.reference_title]
- *1* [React父子组件生命周期函数执行顺序](https://blog.csdn.net/weixin_43190804/article/details/124684134)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [详解react生命周期和在父子组件中的执行顺序](https://blog.csdn.net/Dax1_/article/details/126671937)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]