함수를 호출하는 방식 (즉시 호출과 지연 호출)

즉시 호출 onClick={onDeleteClick(uuid)}

• 이 방식에서는 함수 호출이 즉시 실행된다.
• 컴포넌트가 렌더링될 때 onDeleteClick(uuid)가 바로 실행되며, 그 결과로 반환되는 값이 onClick에 전달된다.
• 클릭 이벤트가 발생하기 전에 즉시 실행된다.
• 함수가 바로 실행되어 값이 반환되기 때문에, 이벤트 리스너로 적절하지 않다.
• 이 방식은 onDeleteClick이 함수가 아닌 그 반환 값을 사용하게 되므로, 의도된 동작이 아닐 수 있다.

 

 

지연 호출: onClick={() => onDeleteClick(uuid)}

• onClick 이벤트가 발생할 때 onDeleteClick(uuid) 함수가 지연 호출된다.
• 클릭 이벤트가 발생할 때만 onDeleteClick(uuid)가 실행된다.
• 클릭 이벤트로 전달하는 데 적합하다.
• 이 방법은 uuid 값을 즉시 계산하거나 onDeleteClick에 전달할 수 있도록 한다.
• 불필요한 연산이 즉시 발생하지 않는다.