React:无法在窗体select上设置onchange事件处理程序的状态
React:无法在窗体select上设置onchange事件处理程序的状态
提问于 2016-06-09 11:42:19
我有一个像这样构造的react组件。当用户从下拉菜单中选择时，我想捕捉用户的选择。
当我尝试时，会收到以下错误消息：
“未定义TypeError:无法读取未定义的属性'setState‘”
我正在学习文档中的例子，那么我哪里出错了呢？
export default class SearchPage extends Component {
....
handleChange(e) {
this.setState({
params: {
...this.state.params,
[e.target.name]: e.target.value
}
})
}
render() {
const { county, cause, activity } = this.state
return (
<div className="searchpage">
<form>
<select name="county" onChange={this.handleChange}
.....回答 2
Stack Overflow用户
回答已采纳
发布于 2016-06-09 11:49:42
handleChange没有绑定到实例。您需要使用内联箭头函数来捕获this。
<select name="county" onChange={e => this.handleChange(e)}或(推荐的方式)在构造函数中绑定方法。
constructor() {
super();
this.handleChange = this.handleChange.bind(this);
}Stack Overflow用户
发布于 2016-06-09 11:59:16
这是另一个技巧，以避免将您的函数绑定到.bind(这个)或一些装饰器，或者创建像() => myfunc()这样的匿名函数
handleChange => (e) { }然后你可以用这个，因为你想在里面
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37725002
复制相关文章
相似问题
腾讯云开发者
