Header 컴포넌트는 먼저 ‘Header!’라는 제목을 출력하고, 바로 아래에 <Nav /> 컴포넌트를 렌더링합니다. 즉, 화면에는 ‘Header!’와 ‘Navigation’ 텍스트가 순서대로 출력됩니다.

그림 3-9 Nav 컴포넌트를 추가한 결과

Nav 컴포넌트를 추가하면서 컴포넌트 트리는 다음과 같이 확장됩니다.

그림 3-10 확장된 컴포넌트 트리