강의

멘토링

로드맵

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

an hw님의 프로필 이미지
an hw

작성한 질문수

웹 게임을 만들며 배우는 React

클래스 메서드

this.onSubmit 질문입니다~

작성

·

232

1

화살표 함수의 개념에 아직 익숙치 않은 질문이라 미리 양해부탁드립니다.

 

form onSubmit={this.onSubmit} 이부분에서 화살표함수를 쓰지 않고, this.onSubmit 함수 선언 구문에서 화살표함수를 사용하는 이유가 궁금합니다. 

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

onSubmit은 함수 자리입니다. this.onSubmit은 함수니까 함수 자리에 넣은 것입니다.

() => this.onSubmit()도 함수니까 가능합니다.

this.onSubmit()은 함수가 아니니까 불가능합니다.

an hw님의 프로필 이미지
an hw
질문자

답변 감사합니다~ 그럼 이렇게 쓰는것도 맞다는 말씀이시지요?

 

onSubmit={() => this.onSubmit()}

 

이 두가지 중에 뭘 사용할지 선택하는 기준이 궁금합니다~!

onSubmit={this.onSubmit} / onSubmit={() => this.onSubmit()}

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

이런 경우는 무조건 앞의 것이 좋습니다. 뒤에 것은 매번 새 함수를 만들어내서 매번 리렌더링됩니다.

an hw님의 프로필 이미지
an hw
질문자

아 그렇군요~!!! 궁금증이 해소되었습니다! 감사합니다!!!

an hw님의 프로필 이미지
an hw

작성한 질문수

질문하기