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

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

这个问题有两种解决方案:

第一个解决方案是给你的组件添加一个构造函数，并像下面这样绑定你的函数:

constructor(props) {
        super(props);

        ...

        this.delta = this.delta.bind(this);
    }

所以这样做:

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

而不是这样:

this.delta.bind(this);

第二个解决方案是使用箭头函数:

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

实际上箭头函数并不绑定它自己的这个。箭头函数在词法上绑定它们的上下文，因此这实际上引用了原始上下文。

有关bind函数的更多信息:

绑定函数 理解JavaScript Bind ()

有关箭头函数的更多信息:

Javascript ES6 -箭头函数和词汇这

如果任何人在使用axios或任何fetch或get时寻找相同的解决方案，并使用setState将返回此错误。

你需要做的是在外部定义组件，如下所示:

componentDidMount(){
  let currentComponent = this;
  axios.post(url, Qs.stringify(data))
     .then(function (response) {
          let data = response.data;
          currentComponent.setState({
             notifications : data.notifications
      })
   })
}

在ES7+ (ES2016)中，您可以使用实验函数绑定语法操作符::来绑定。这是一种语法糖，和Davin Tryon的答案一样。

然后你可以重写this.delta = this.delta.bind(this);到this.delta =::this.delta;

对于ES6+ (ES2015)，您还可以使用ES6+箭头函数(=>)来使用此功能。

delta = () => {
    this.setState({
        count : this.state.count + 1
    });
}

为什么?来自Mozilla文档:

在箭头函数之前，每个新函数都定义了自己的this值[…]。对于面向对象风格的编程来说，这被证明是令人讨厌的。 箭头函数捕获封闭上下文的this值[…]

您需要将其绑定到构造函数，并记住对构造函数的更改需要重新启动服务器。否则，您将以相同的错误结束。

这是因为这个没有和这个绑定。

为了绑定，在构造函数中设置this.delta = this.delta.bind(this):

constructor(props) {
    super(props);

    this.state = {
        count : 1
    };

    this.delta = this.delta.bind(this);
}

目前，您正在调用bind。但是bind返回一个绑定函数。您需要将函数设置为其绑定值。