인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

하세요안녕님의 프로필 이미지
하세요안녕

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

jsx 사용하기

sayHello2 질문

작성

·

204

1

onClick 없이 {sayHello2()} 코드를 작성해봤는데요

F5 눌렀을 때 한번만 alert 될거라고 생각했는데 2번이 실행되네요 왜 그런건가요?

답변 1

0

그랩님의 프로필 이미지
그랩
지식공유자

sayHello2()는 기본적으로 해당 함수를 실행하라는 명령어입니다.

이때 onClick이 없으면 코드가 읽힐 때마다 계속 함수가 실행되게 됩니다. 이때 React의 컴포넌트 특성상 맨 처음에 컴포넌트는 2번 렌더링(Return을 두 번 호출)을 하게 됩니다.

따라서 alert가 2번 호출되는 거죠.

하세요안녕님의 프로필 이미지
하세요안녕

작성한 질문수

질문하기