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