강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

한수빈님의 프로필 이미지
한수빈

작성한 질문수

웹 게임을 만들며 배우는 React

6-5. useMemo와 useCallback

함수 컴포넌트는 마지막에 두번 랜더링 하는 이유?

작성

·

437

0

콘솔로 찍어봤는데요.

마지막에 setRedo, setBonus를 하면

render가 두 번 실행될까요?

'내가 뭘 잘못했지?'하고 강의 트니까

0:37 부분부터 랜더링 하면서 콘솔 찍히는데

제로초님도 getWinNumber가 마지막에 두 번 따닥! 호출되더라고요. 그 뜻은  render가 두 번 따닥 호출된거죠.

클래스 컴포넌트는 안 그러는데

함수 컴포넌트만 이러네요...

왜 불필요한 랜더링이 되는지, 어떻게 잡아야하는지 궁금합니다.

퀴즈

43%나 틀려요. 한번 도전해보세요!

React Hooks에서 useEffect의 두 번째 인자로 빈 배열([])을 전달했을 때, 이는 클래스 컴포넌트의 어떤 라이프사이클 메서드와 유사하게 동작할까요?

componentDidUpdate

componentDidMount

componentWillUnmount

render

답변 1

0

strict 모드로 감싸져 있어서 그럴 겁니다.

▽ 관련 공식 문서

Strict 모드 – React (reactjs.org)

▽ 관련 정보

[짤막글] react strict 모드란?? (velog.io)

한수빈님의 프로필 이미지
한수빈

작성한 질문수

질문하기