如何找到实现某个接口的函数的参数类型？

Question

例如，我有一个

<form onSubmit={this.handleSubmit}>   
</form>

我需要实现handleSubmit函数。所以，我这样做

 handleSubmit(event:any) {
      this.setState({ password: event.target.value });
 }

对于我不知道的参数类型，我总是把它放在上面。有没有办法找到传递参数的类型而不是任何？

Answer 1

Dom事件在lib.dom.d.ts中定义，请参阅WindowEventMap，GlobalEventHandlersEventMap，WindowEventHandlersEventMap

interface GlobalEventHandlersEventMap {
    "abort": UIEvent;
    "animationcancel": AnimationEvent;
    .....
    "submit": Event;
    .....
    "waiting": Event;
    "wheel": WheelEvent;
}

Answer 2

你可以定义事件类型的类型是SyntheticEvent<HTMLFormElement>而不是any，reactjs BaseSyntheticEvent类型已在@types/react/index.d.ts中定义，如果你有一个好的IDE，很容易找到它（例如：ctrl + click）并且IDE会自动建议函数或属性是什么你可以使用你的event param。