React TypeScript 2.3 ->类型安全React Bootstrap FormControl onChange
React TypeScript 2.3 ->类型安全React Bootstrap FormControl onChange
提问于 2017-06-26 18:32:45
当使用这段代码时，我得到了错误Property 'type' does not exist on type 'EventTarget'。checked、value和name也是如此。
在下面的代码中，我可以看到FormEvent继承自SyntheticEvent，而后者又有一个target: EventTarget。EventTarget没有我想要的属性。如果我将event标记为any (event: any)，则代码可以完美地工作。我该如何解决这个问题呢？我尝试了一个普通的超文本标记语言输入，然后通过将事件设置为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)} />回答 1
Stack Overflow用户
回答已采纳
发布于 2017-06-26 19:04:47
是这样解决的：
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" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44757765
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号