props 를 넘겨줄 때 함수를 그대로 넘겨줄 때와 화살표 함수로 감싸서 넘겨줄 때의 차이가 궁금합니다 :)

onUpdate={onUpdate}
onDelete={() => onDelete(x.id)}
startEdit={() => setEditingId(x.id)}
isEditing={editingId === x.id}

안녕하세요 선생님 강의 정말 잘 보고 있습니다!

컴포넌트에서 Props를 넘겨 줄 때

onUpdate={onUpdate}

이렇게 넘겨줄 때와

onDelete={() => onDelete(x.id)}
startEdit={() => setEditingId(x.id)}

이렇게 넘겨줄 때의 차이가 궁금합니다.

콘솔로 찍었을 때는 둘 다 함수로 표기되는데

함수를 그대로 넘겨주는 것과 화살표함수로 감싸서 넘겨주는 것이 어떤 차이가 있는지 잘 모르겠습니다..!

제가 이해한 바로는 onDelete / startEdit은 버튼 이벤트 역할로 버튼 클릭시 즉시 실행되는 함수이기 때문이고

onUpdate는 mutate로 인자를 전달 받는 함수로 onSubmit 함수 안에서 실행되기 때문에 그런 것 같은데

제가 이해 한 바가 맞는지 궁금하여서 질문드립니다~!

바쁘실텐데 질문 드려서 죄송합니다 ^^;;

그리고 ...

선생님의 유튜브 멘토링 영상을 보고

입사 4개월차 주니어 개발자로서 앞으로 어떻게 나아가야할 지 많은 생각을 하게 되었고 큰 도움을 얻었습니다.

정말 감사드립니다..!

열심히 해서 언젠가 좋은 소식 전해드리고 싶습니다.

항상 건강하세요!

const handleClick = e => { ... }
onClick={handleClick}

const handleMouseEnter = id => { ... }
onMouseEnter={() => handleMouseEnter('a')}