reactjs - material-ui v1中Input元素的事件类型是什么？

Question

我正在使用 material-ui v1，我正在努力寻找输入元素的事件类型。考虑下面的代码片段:

<Select value={this.numberOfTickets} onChange={this.setNumberOfTickets}>
....

以及下面的setNumberOfTickets实现:

@autobind @action
setNumberOfTickets(event: React.SyntheticEvent<HTMLElement>) {
    // tslint:disable-next-line
    this._numberOfTickets = (event.target as any).value;
}

event 的正确类型是什么，可以让我删除 as any 类型转换？

Answer 1

使用 React.ChangeEvent<HTMLInputElement> :

setNumberOfTickets(event: React.ChangeEvent<HTMLInputElement>) {

    // Assuming `this._numberOfTickets` is a string. If not you have to parse it as a number
    this._numberOfTickets = event.target.value; 
}