React TypeScript 2.3 - > typesafe React Bootstrap FormControl onChange

Question

使用此代码时，我收到错误Property 'type' does not exist on type 'EventTarget'。 checked,value和name也是如此。

继代码后，我可以看到FormEvent继承自SyntheticEvent，后者又有target: EventTarget。 EventTarget没有我之后的属性。如果我将event标记为any（event: any），则代码完美无缺。我怎样才能解决这个问题？我尝试了一个正常的Html输入，然后通过将事件设置为React.ChangeEvent<HTMLInputElement>来工作。

handleChange(event: React.FormEvent<React.Component<ReactBootstrap.FormControlProps, {}>>) { 
    const target = event.target; 
    const value = target.type === 'checkbox' ? target.checked : target.value; 
    const name = target.name; 

    this.setState({ 
     [name]: value 
    }); 
} 
... 
<FormGroup controlId="Email"> 
    <Col componentClass={ControlLabel} sm={2}> 
     Email 
    </Col> 
    <Col sm={10}> 
     <FormControl name="email" type="email" value={this.state.email} onChange={(event) => this.handleChange(event)} placeholder="Email" /> 
    </Col> 
</FormGroup> 

与输入工作代码：

handleChange(event: React.ChangeEvent<HTMLInputElement>) { 
    ... 
} 

... 

<input 
name="email" 
type="email" 
value={this.state.email} 
onChange={(event) => this.handleChange(event)} /> 

Answer 1

解决这样的：

handleChange(event: React.ChangeEvent<HTMLInputElement>) { 
    const target = event.target; 
    const value = target.type === 'checkbox' ? target.checked : target.value; 
    const name = target.name as any; 

    this.setState({ 
     [name]: value 
    }); 
} 

... 

<FormControl name="email" type="email" value={this.state.email} onChange={(event) => this.handleChange(event as any)} placeholder="Email" />