[reactjs] 체크 박스 이벤트 핸들러의 ‘MouseEvent’가 일반적이지 않은 이유는 무엇입니까?

Program / 글쓴이

확인란 TSX (JSX) 요소가 있습니다.

<input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} />

VS 코드의 도움으로의 입력 매개 변수 유형 this.handleCheckboxClick이 MouseEvent<HTMLInputElement>. 그래서 다음과 같이 구현했습니다.

private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) {
    ...
}

그런 다음 [ts] Type 'MouseEvent' is not generic.아래 이미지와 같이 오류가 발생 합니다.

여기에 이미지 설명 입력

내 패키지 버전 :

"@types/react": "^15.0.29",
"@types/react-dom": "^15.5.0",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"typescript": "^2.3.4",

왜 그런 겁니까?

답변

아마도 DOM을 사용하고있을 것입니다 MouseEvent. React.MouseEvent<HTMLInputElement>대신 사용해보십시오 .

답변

React MouseEvent를 사용하려면 다음을 추가하십시오.

import { MouseEvent } from 'react';

스 니펫 확장

답변

MouseEvent 대신 SyntheticEvent를 사용할 수 있습니다.

답변