反应项目变量未定义错误

Question

我正在使用 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;

Answer 1

它说产品未定义。

代码必须修改如下：

<button onClick={() => this.handleInc()}

此修改将正常工作。