Typescrip 関数の型をpropsに渡す

これがわかり安かったな

import * as React from 'react';

interface ToggleProps {
    ClickHandler: (event: React.MouseEvent<HTMLButtonElement>) => void
}

export function Toggle(Props: ToggleProps) {
    return <button onClick={Props.ClickHandler}>Toggle</button>
}

まとめ

色々調べてわかったのは下記

• 公式 event: 大元イベント<エレメント>

• イベントまとめ

  • FormEvent
  • HTMLElementEvent
  • MouseEvent

• エレメントまとめ

  • InputElement
  • ButtonElement
  • HTMLFormElement

記事