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

곰들의대화님의 프로필 이미지
곰들의대화

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

onClick 관련 질문

작성

·

144

1

<div onClick={deleteHandler(image)} key={index}>
강사님과 살짝 다른 방법으로 이렇게 onClick을 설정하니 엉뚱하게도 dropHandler 에서 설정한 setImages 가 실행이 되지 않는 문제가 있습니다.
<div onClick={() => deleteHandler(image)} key={index}>
이 경우에는 문제없이 잘 작동하는데 무슨 차이가 있는 건가요? 

답변 1

4

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요 ! 

https://stackoverflow.com/questions/62930655/whats-the-difference-between-onclick-function-and-onclick-functi

여기에 보니깐 잘 설명되어있네요 !  해석해보면 

<button onClick={()=>props.submitHandler(searchInputValue)}>Submit</button>

첫 번째는 인수와 함께 submitHandler를 호출하는 함수를 만들고 해당 함수를 onClick에 할당합니다.

<button onClick={props.submitHandler(searchInputValue)}>Submit</button>

두 번째는 즉시 (즉, 렌더링 단계 동안) 인수와 함께 submitHandler를 호출하고 반환 값을 onClick에 할당합니다.

수고하세요 ~

감사합니다!

곰들의대화님의 프로필 이미지
곰들의대화

작성한 질문수

질문하기