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

최석우님의 프로필 이미지
최석우

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

axios로 요청 보내기와 CORS, proxy

커스텀 이벤트 생성 방법 2가지에 대한 의문

해결된 질문

작성

·

311

·

수정됨

0

커스텀 이벤트를 만들어 넘겨줄경우
강의와 같이 내부 이벤트에 Event 타입을 지정해서 넘겨주는 방법과
커스텀 함수 자체에 EventHandler타입을 지정하여 넘겨주는 방법을 알고 있는데

두 방식에 대한 가장 큰 차이는 무엇일까요?

그리고 두 방식을 용법에 맞게 구분하여 사용하신다면 어떤상황에 구분하시는지 궁금합니다.

  const onSubmit = useCallback(
    (event: React.FormEvent<HTMLFormElement>) => {
      event?.preventDefault();
    },
    [],
  );

  const onSubmit = useCallback<FormEventHandler<HTMLFormElement>>(
    (event) => {
      event?.preventDefault();
    },
    [],
  );

답변 1

1

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

이건 이제 무조건 FormEventHandler를 쓴다고 보시면 됩니다. 그게 훨씬 좋은 타이핑입니다(매개변수와 리턴값을 한번에 타이핑하기 때문)

최석우님의 프로필 이미지
최석우
질문자

답변 감사합니다.

최석우님의 프로필 이미지
최석우

작성한 질문수

질문하기