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

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

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

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