Получение 'TypeError: Невозможно прочитать свойство' затем 'неопределенного' при загрузке данных с использованием d3

Question

У меня есть два класса в моем коде, оба из которых используют d3.Это мой основной класс Main.js, который создает экземпляр другого класса Data.js, который загружает данные из csv и затем применяет к нему d3.nest.Я получаю сообщение «Uncaught TypeError: Невозможно прочитать свойство then» из undefined.из обещания в основном классе.

Вот соответствующий код в главном классе:

this.data = new Data();

this.mainChartData = this.data.loadNestedData().then(nestedData => {  // error
  console.log(nestedData);
});

Вот класс данных:

class Data {
  constructor() {}

  loadNestedData() { d3.csv("data.csv").then((loadedData) => {
      console.log(loadedData);  // this logs correctly
      this.nestedData = d3.nest()
         .key(function(d) { return d.gameID; })
         .entries(loadedData);
      console.log(this.nestedData); // this logs correctly
      return this.nestedData;
  });
}

Answer 1

Вам не хватает возврата здесь:

loadNestedData() { d3.csv

Должно быть

loadNestedData() { return d3.csv