React Component 가 계단형인 경우

<A>
  <B>
    <C>
    </C>
  </B>
</A>

render 와 componentDidMount 의 호출순서를 잘못 알고 있었다.

A.render → A.componentDidMount → B.render → B.componentDidMount → C.render → C.componentDidMount

라고 생각했었는데..

실제 render , componentDidMount 의 호출 순서는 아래와 같다.

A.render() → B.render() → C.render()
→ C.componentDidMount() → B.componentDidMount() → A.componentDidMount()

class 컴포넌트는 이제 점점 사라지겠지만, 아직 레거시에도 많이 남아있기도 하고, 함수형 컴포넌트도 어쨋든 같은 순서일 테니까..