React组件层级中componentDidMount的调用顺序问题

好问题！我来给你拆解清楚React中componentDidMount的执行逻辑，直接对应你的场景：

• 结论先行：当组件B的componentDidMount被调用时，并不是所有组件都完成挂载了，React的挂载顺序是「从子组件到父组件」依次触发这个生命周期方法的。
• 对应你的场景细节：
  当渲染包含B和C的组件A时，React的执行流程是这样的：
  1. 先执行组件A的render方法，生成包含B和C的虚拟DOM；
  2. 接着分别渲染组件B和C的render方法；
  3. 然后依次触发子组件的componentDidMount：先调用B的componentDidMount，再调用C的componentDidMount；
  4. 最后才会触发父组件A的componentDidMount。
• 额外补充：如果你需要等待整个组件树（A+B+C）都完成挂载后再执行某些操作，只需要在最顶层的组件A的componentDidMount里写逻辑就可以——因为它是整个组件树中最后触发这个生命周期的。

内容的提问来源于stack exchange，提问作者zmii