值设置时的Reactjs状态引发未定义错误
在handleSelectChange控制台.log(this.state.selectValue)中print是值,但当执行addProduct时,抛出错误此状态。selectValue未定义 无法读取未定义的属性“selectValue”值设置时的Reactjs状态引发未定义错误,reactjs,Reactjs,在handleSelectChange控制台.log(this.state.selectValue)中print是值,但当执行addProduct时,抛出错误此状态。selectValue未定义 无法读取未定义的属性“selectValue” handleSelectChange(e){ console.log(如target.value); this.setState({selectValue:e.target.value}); console.log(this.state.selectVal
handleSelectChange(e){
console.log(如target.value);
this.setState({selectValue:e.target.value});
console.log(this.state.selectValue);//此处确定
}
添加产品(e){
console.log(this.state.selectValue);//此处出错
this.setState({products:[…this.state.products,this.state.selectValue]});
}
产品1
产品2
产品3
产品4
产品5
添加
此.state.selectValue
未定义可能意味着此现在指向的不是您的状态所在的组件。尝试绑定此方法,如下所示:
<Button color="primary" onClick={this.addProduct.bind(this)}>Add</Button>
添加
显示您呼叫AddProduct的位置已被询问100万次。正确绑定您的上下文。addProduct call need.Bind(this),现在可以了。这个问题解决了吗?@Omar it解决了,我知道绑定,但我的大脑卡住了,花了一个多小时试图修复
<Button color="primary" onClick={this.addProduct.bind(this)}>Add</Button>