Reactjs 在TypeScript中键入react转换组处理程序

我正在尝试键入传递给某些

反应转换组

组件的处理程序，例如

中的

addEndListener

。但是我找不到一种方法来正确地键入它并避免键入脚本错误

链接到具有类型错误的

例如：

---

您需要指定泛型参数to，它通过使用来决定回调的类型。因此，在您的情况下（这需要typescript>=2.9）：

void）=>{
node.addEventListener（“transitionend”，完成，false）；
}}
classNames=“淡入淡出”
>
设置状态（（状态）=>！状态）}>
{国家？“你好，世界！”：“再见，世界！”}

<CSSTransition
  // TypeScript Error on next line: 
    addEndListener={(node: HTMLElement, done: () => void) => {
      node.addEventListener("transitionend", done, false);
    }}
    classNames="fade"
  >
  <div className="button-container">
    <Button onClick={() => setState((state) => !state)}>
      {state ? "Hello, world!" : "Goodbye, world!"}
    </Button>
  </div>
</CSSTransition>

"react": "^16.13.1"
"react-transition-group": "^4.4.1"
"@types/react": "^16.9.43"
"@types/react-transition-group": "^4.4.0"