ES6 ReactJS 类和回调中的这个范围 [重复]

Question

我在 StackOverflow 上搜索了 StackOverflow 的这个问题，但还没有找到答案，如果已经得到答案，请耐心等待。

我在 ES6 中定义一个类（使用 ReactJS，尽管这与问题有些无关）如下。我想从我的 fetch 回调中修改 this.size 和 this._cache，但是我似乎无法直接操作“this”，因为它显然引用了类实例化之外的另一个对象。在定义要绑定到 this 的 var 时，它确实可以引用对象，但我觉得这不是 ES6 最好的方法：

class MyDataListStore {

    constructor(url) {
        this.url = url;
        this.size = 0;
        this._cache = [];
        this.getRemoteData();
    }

    getRemoteData() {
        var that = this;
        fetch(this.url).then(function(response) {
             return response.json();
        }).then(function(j) {
             that.size = j["total"];
             that._cache = j["table"];
    });
    }
}

我觉得我在 ES6 中遗漏了一些东西，可能有更好的方法来做到这一点。

谢谢！

Answer 1

应该这样做：

getRemoteData() {
  fetch(this.url)
  .then((response) => response.json())
  .then((j) => {
     this.size = j.total;
     this._cache = j.table;
  });
}