反应项目变量未定义错误
react project variable is not defined error
我正在使用 mosh React 教程跟踪代码,突然出现变量未定义的错误 I
不知道错误。它显示错误在第 21:55 行。我认为错误是一个愚蠢的错误,但我找不到它。
class Counter extends Component {
state = {
count: 0,
};
handleInc = prod => {
console.log(prod);
this.setState({ count: this.state.count + 1 });
};
render() {
return (
<div>
<span className={this.getBadgeType()}>{this.getFormatCount()}</span>
<button onClick={() => this.handleInc(prod)}
className="btn btn-secondary btn-sm"
>
Increment
</button>
</div>
);
}
getBadgeType() {
let classes = "badge m-2 badge-"
classes += (this.state.count === 0) ? "warning" : "primary";
return classes;
}
getFormatCount() {
return this.state.count === 0 ? 'Zero' : this.state.count;
}
}
export default Counter;
它说产品未定义。
代码必须修改如下:
<button onClick={() => this.handleInc()}
此修改将正常工作。
我正在使用 mosh React 教程跟踪代码,突然出现变量未定义的错误 I 不知道错误。它显示错误在第 21:55 行。我认为错误是一个愚蠢的错误,但我找不到它。
class Counter extends Component {
state = {
count: 0,
};
handleInc = prod => {
console.log(prod);
this.setState({ count: this.state.count + 1 });
};
render() {
return (
<div>
<span className={this.getBadgeType()}>{this.getFormatCount()}</span>
<button onClick={() => this.handleInc(prod)}
className="btn btn-secondary btn-sm"
>
Increment
</button>
</div>
);
}
getBadgeType() {
let classes = "badge m-2 badge-"
classes += (this.state.count === 0) ? "warning" : "primary";
return classes;
}
getFormatCount() {
return this.state.count === 0 ? 'Zero' : this.state.count;
}
}
export default Counter;
它说产品未定义。
代码必须修改如下:
<button onClick={() => this.handleInc()}
此修改将正常工作。