Definitelytyped: React.SyntheticEvent.currentTarget이 아닌 T를 통해 React.SyntheticEvent.target을 일반화하십시오.

이것은 아마도 병합 중에 발생한 실수일 것입니다. 홍보 부탁드립니다.

#11041, #10784 등을 참조하십시오. 병합 후에도 수정되지 않는 이유는 미스터리입니다.

컴파일 타임에 대상의 유형을 항상 알릴 수는 없습니다. 그것을 일반화하는 것은 거의 가치가 없습니다.
target은 이벤트의 시작점입니다.
currentTarget은 이벤트 핸들러가 연결된 요소로, 데이터 세트 또는 기타 속성을 첨부하고 런타임에 액세스하려는 경우 매우 주의하고 적절하게 입력해야 합니다.

currentTarget 대신 target에 의존하는 것은 초심자의 실수로 후자보다 빨리 물릴 것입니다.

예를 들어:

  handleTabClick = (e: React.SyntheticEvent<HTMLLinkElement>) => {
    e.preventDefault()
    // !!! e.target.dataset is empty if user clicked the <span>, not the <a> !!!
    // !!! how can you type e.target? User might also have clicked the <a> if it has padding !!!
    // you have to use currentTarget, and it is the element that you know the type for sure
    if (e.currentTarget.dataset['closable'] === 'true') {
      this.close()
    }
  }

render() {
  return <a onClick={this.handleTabClick} data-closable="true">
      <span className="fatty">Click me!</span>
   </a>
}

이 코드는 컴파일하는 데 사용됩니다.

'수정'이 병합되면 e.currentTarget 입력할 수 없으며(유형 오류 없이 데이터 세트에 액세스할 수 없음) e.target 가 이제 HTMLLinkElement로 입력되지만 실제로는 방법이 없습니다. 우리는 그것에 대해 확신할 수 있습니다. (안의 스팬을 클릭했을 수 있습니다.

이론적으로 사용자가 확실할 때(이벤트 핸들러에 자식이 없거나 모두 같은 유형을 가짐) SyntheticEvent에 두 번째 제네릭을 추가하여 대상을 입력할 수 있습니다. 그러나 가치가 거의 없으며 실제로 오해의 소지가 있습니다(캐스팅을 사용하는 것이 훨씬 더 의미가 있는 특정 경우에만 적용되기 때문입니다).
특히 자녀가 없는 경우 currentTarget을 사용할 수 있습니다.

또한 DOMAttributes<SomeType> 에서 onClick : MouseEventHandler<SomeType> 를 얻은 다음 EventHandler<MouseEvent<SomeType>> 를 얻습니다.

    interface EventHandler<E extends SyntheticEvent<any>> {
        (event: E): void;
    }

target은 currentTarget과 다르게 입력할 수 없습니다. onClick은 처리 이벤트(currentTarget이라고도 함)가 제네릭으로 있는 이벤트 핸들러를 예상합니다. 다른 것이 될 수 없으며 컴파일되지 않습니다.

@bbenezech

handleTabClick = (e: React.SyntheticEvent<HTMLLinkElement>) => { ... }

대신 다음을 제안합니다.

handleTabClick = (e: React.FormEvent<HTMLLinkElement>) => { ... }

ClipboardEvent<T> , CompositionEvent<T> , DragEvent<T> , FocusEvent<T> , KeyboardEvent<T> ...
SyntheticEvent는 낮은 수준의 것입니다.

이것은 @types NPM 저장소에서 여전히 이와 같습니다. 이것이 언제 게시되는지에 대한 모든 업데이트

이것은 다시 변경되었습니다. #12239를 참조하십시오.