イベントハンドラをTypeScriptを使用してReactコンポーネントに送信する

Question

Reactコンポーネントには次のコードがあります。 2つのonClickハンドラがコンポーネントに渡されると宣言する正しい方法は何ですか？

interface LoginFormProps { 
    loginClicked: ???? <--- onClick handler signature 
    cancelClicked: ???? <--- onClick handler signature 
} 

class LoginForm extends React.Component<LoginFormProps, {}> { 
    render() { 
     <form> 
      <button onClick={loginClicked}> 
       Login 
      </button> 
      <button onClick={cancelClicked}> 
       Cancel 
      </button> 
     </form> 
    } 
} 

Answer 1

私が通常使用する：

interface ILoginFormProps { 
    loginClicked: (ev) => void; 
    // 
} 

しかし、あなたは、あなたのタイピングについては本当に厳しいようにしたい場合：迅速な対応@Cristiため

interface ILoginFormProps { 
    loginClicked: (ev: React.MouseEvent<HTMLButtonElement>) => void; 
    // 
}