子组件和父组件的加载顺序

在React应用中，子组件和父组件的加载顺序通常是由组件树结构决定的，这涉及到两个过程：组件的渲染和生命周期钩子的执行。

**加载顺序**：
1. **创建阶段（Mounting）**：
- 父组件首先被挂载到DOM中，然后开始渲染。
- 父组件会递归地创建其所有的子组件，并将它们添加到自己的`children`属性中。
- 子组件会在父组件之后被创建，这个过程按层级从上到下依次进行。

2. **初始化阶段（Initial Mounting）**：
- 父组件的`componentDidMount`生命周期钩子会被执行，此时父组件已经完全渲染完毕。
- 每个子组件在其对应的`componentDidMount`钩子里，会完成自身的初始化工作，比如获取数据或者处理其他副作用。

3. **更新阶段（Updating）**：
- 当父组件的状态或props发生变化，整个组件树都会经历一次重新渲染。
- 如果只有父组件状态改变影响到了子组件，那么只有受影响的子组件及其后代会被重新渲染，其余未改变的子组件保持不变。

4. **卸载阶段（Unmounting）**：
- 当组件不再需要时，例如组件从路由中移除，会触发`componentWillUnmount`生命周期钩子。这时，组件会先卸载子组件，然后自身再卸载。

**相关问题--:**
1. React中如何控制子组件何时渲染？
2. 当父组件更新时，哪些子组件会重新渲染？
3. 在React中，如何避免子组件无谓的渲染？