TypeError:这是未定义的“React”[重复]

Question

获取类型错误，但使用onClick={（）=

constructor(props){
        super(props)
    }
    render() {
        return (
            <div>
                <button onClick={this.clickHandler}>Class click</button>
                {/* <button onClick={()=>this.clickHandler()}>Class click</button> */}
            </div>
        )
    }

    clickHandler(){
        this.logPrint()
    }
    logPrint(){
        console.log("click the button");

    }

Answer 1

实现这一目标的两种方法

使用箭头函数

clickHandler: () => {

}

在构造函数中使用组件的this绑定方法

constructor(props){
    super(props);
    this.clickHandler = this.clickHandler.bind(this);
}

Answer 2

对事件处理程序使用箭头函数，它们将自动绑定：

clickHandler = () => {
    this.logPrint()
}