无法在事件处理程序内从fetch()回调引用react 'this‘

在事件处理程序内无法直接从fetch()回调中引用React的'this'。这是因为在事件处理程序中，函数的上下文已经改变，无法访问到React组件的实例。为了解决这个问题，可以采取以下几种方法：

使用箭头函数：箭头函数不会改变函数的上下文，可以直接访问React组件的实例。示例代码如下：

fetchData = () => {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => {
      // 在这里可以直接使用React组件的'this'
      this.setState({ data: data });
    });
}

使用bind()方法：可以使用bind()方法将React组件的实例绑定到fetch()回调函数中。示例代码如下：

fetchData() {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(function(data) {
      // 在这里可以通过bind()方法绑定React组件的'this'
      this.setState({ data: data });
    }.bind(this));
}

将React组件的实例存储在一个变量中：在事件处理程序外部将React组件的实例存储在一个变量中，然后在fetch()回调中使用该变量。示例代码如下：

fetchData() {
  const self = this;
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(function(data) {
      // 在这里可以使用存储的React组件实例变量
      self.setState({ data: data });
    });
}

以上是解决在事件处理程序内无法从fetch()回调引用React 'this'的几种常见方法。根据具体的项目需求和开发环境，选择适合的方法即可。