[TS] 이벤트 타입 익히기 (계속 추가)

 

 자주 쓰는 이벤트 타입 

1) mouse event 

e:React.MouseEvent<클릭할 요소 타입>

 

2) input change event

e:React.ChangeEvent<HTMLInputElement>

 

3) form submit event

e: React.FormEvent<HTMLFormElement>

 

4) submit 후 name으로 값을 가져오기 

(e: React.FormEvent<HTMLFormElement>) => {
   e.currentTarget.elements.namedItem('title') as HTMLInputElement;
};

 

 Error 

1) 'EventTarget' 형식에 'className' 속성이 없습니다.

  const handleDot = (e: React.MouseEvent<HTMLLIElement>) => {
    const target = e.target as HTMLLIElement;
    target.classList.add("dot-selected");
  };

  const handleDot = (e: React.MouseEvent<HTMLLIElement>) => {
    e.currentTarget.classList.add("dot-selected");
  };