Components 탭 역추적 루틴

Components 탭은 현재 화면의 컴포넌트 트리와 props , state , hooks 값을 런타임 기준으로 확인하는 출발점입니다.

01

select

문제 컴포넌트 선택 · 화면에서 이상한 값을 보이는 컴포넌트를 트리에서 먼저 고릅니다.

02

inspect

오른쪽 패널 확인 · props와 hooks 값이 코드에서 기대한 값과 같은지 대조합니다.

03

trace

상위로 이동 · 값이 이미 틀렸다면 그 값을 전달한 부모 컴포넌트로 올라갑니다.

04

classify

원인 분류 · props 드릴링, 상태 위치, 참조 재생성 중 어디에 가까운지 봅니다.

핵심Components 탭 역추적 루틴은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.