자식 컴포넌트 리렌더링
자식 컴포넌트 Bulb와 Counter를 해당 강의에서 분리했는데 다음과 같은 의문이 생겼습니다. 이렇게 분리했더라도 결국 Counter의 state가 변경되면서 Counter가 리렌더링 되는 걸로 알고 있습니다. 이러한 경우 부모 컴포넌트인 App도 리렌더링되면서 Bulb 컴포넌트도 리렌더링되는 것 아닌가요?
답변 1
0
안녕하세요 이정환입니다
결론부터 말씀드리자면 자식 컴포넌트가 리렌더링 된다고 해서 부모 컴포넌트가 리렌더링 되지는 않습니다. 더 구체적으로 말씀드리자면 Counter 컴포넌트는 App 컴포넌트의 자식 컴포넌트이므로 Counter 컴포넌트의 State가 변경되었다고 해서 App 컴포넌트가 리렌더링 되지는 않습니다.
그렇다면 컴포넌트는 정확히 언제 리렌더링 되는것이냐! 궁금하실 수 있는데요 다음 그림은 우리 강의에서 안내드린 컴포넌트가 리렌더링되는 3가지 상황입니다.
자신이 관리하는 State가 변경되었을 때
자신이 받는 Props가 변경되었을 때
부모 컴포넌트의 리렌더링 되었을 때
현재 진도에서는 위 상황에 해당되지 않는다면 컴포넌트는 리렌더링 되지 않습니다. 감사합니다 😃
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
0
33
1
교재(3쇄)와 강의 내용 문의
0
34
2
12.13) 하단 여백 스타일링 관련 질문 드립니다.
0
67
2
에러 질문드립니다
0
63
2
VSCode 설정 문의
0
70
2
PPT 코드 관련 질문
0
49
2
useEffect와 lifecycle문의
0
65
2
프론트엔드 학습 수준 문의
0
82
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
73
2
데이터 로딩중 화면만 계속 나와요!!
0
73
2
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
0
103
2
이후의 커리큘럼 문의
0
126
2
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.
0
73
2
최적화 관련 질문있습니다 (useMemo 등)
0
103
3
프로바이더 컴포넌트의 위치는 어떤 기준인가요?
1
96
3
Date 객체에 관련하여 질문드립니다.
0
97
2
리액트 개정판 교재 질문
0
76
2
예제코드가 안나와요!
0
86
2
select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com
0
131
2
onMouseEnter 관련 문의 드립니다
0
111
3
배열의 렌더링 관련 질문 드립니다.
0
84
2
2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.
0
135
2
TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?
0
153
2
useCallback 적용한 onCreate, onUpdate, onDelete 함수..
0
73
1