React/know

onClick을 사용하는 3가지 방법

타코따코 2024. 11. 26. 16:55

 

onClick={handlePrevious} :

- 주소를 전달, 콜백에서 전달하는 파라미터가 있다면 이것 역시 해당 함수에 전달된다. 다만 여기서는 생략이 된다.

 

onClick={()=>handlePrevious(파라미터)} :

- 파라미터 전달을 보다 명시적으로 표현한다.

 

onClick={handlePrevious()} :

- 직접호출, 랜더링/클릭 시에도 호출

- 클릭했을때 호출해야하는데, 랜더링시에도 함수를 발동시키므로 의도치 않은 결과를 초래

- 위 3가지 중 ()를 바로 호출하는 방식은 금지 

 

'React > know' 카테고리의 다른 글

캡쳐링 버블링  (0) 2024.11.25
조건부 랜더링 시 Hook 사용 조심하기  (1) 2024.11.22
비구조할당으로 argument 처리하기  (0) 2024.11.21
Render Props 패턴  (0) 2024.11.20
성능 최적화 : React Dev Tool, React.lazy  (2) 2024.11.19