这个错误可以通过各种方法来解决

如果你使用的是ES5语法，那么根据React js文档你可以使用 必须使用绑定方法。 上面的例子是这样的: this.delta = this。delta。bind(this) 如果你使用的是ES6语法，那么你不需要使用bind方法，你可以 可以这样做: δ= ()= > { this.setState ({ Count: this.state.count++ })； ｝

如果你使用的是ES5语法，那么你需要正确绑定它

this.delta = this.delta.bind(this)

如果你正在使用ES6及以上版本，你可以使用箭头函数，那么你不需要使用bind()它

delta = () => {
    // do something
  }

你不需要绑定任何东西，只需要像这样使用箭头函数:

class Counter extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            count: 1
        };

    }
    //ARROW FUNCTION
    delta = () => {
        this.setState({
            count: this.state.count++
        });
    }

    render() {
        return (
            <div>
                <h1>{this.state.count}</h1>
                <button onClick={this.delta}>+</button>
            </div>
        );
    }
}

检查状态 检查状态是否创建特定属性

这一点。状态= { 名称:", 电子邮件:”“ ｝ this.setState(() => ({ Comments: Comments //注释状态不可用 }))

2.检查(这个) 如果你在任何函数(即handleChange)中执行setState，检查函数是否绑定到这个函数或函数应该是箭头函数。

## 3种方法绑定到下面的函数##

//3 ways for binding this to the below function handleNameChange(e) { this.setState(() => ({ name })) } // 1.Bind while callling function onChange={this.handleNameChange.bind(this)} //2.make it as arrow function handleNameChange((e)=> { this.setState(() => ({ name })) }) //3.Bind in constuctor constructor(props) { super(props) this.state = { name: "", email: "" } this.handleNameChange = this.handleNameChange.bind(this) }

添加

onClick = {this.delta.bind ()}

就能解决问题。 当我们试图调用ES6类的函数时出现这个错误， 所以我们需要绑定这个方法。

只需要更改bind语句 = > this.delta = this.delta.bind(this);