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" />