Как загрузить JSON в таблицу ag-grid (React)?

Question

Я новичок в использовании ag-grid и внедряю его в свой проект React. С этим я сделал следующую таблицу:

class Table extends Component {
   constructor(props) {
     super(props)

     this.state = {
        columnDefs: [
            { headerName: "Column 1", field: "col1"},
        ],
        rowData: [
            { 'col1': 'Hello'},
            { 'col1': 'World'},
        ],
      }
   }

   render() {
      return (
        <div className="ag-theme-alpine" style={{ height: 400, width: 605 }}>
            <AgGridReact
                columnDefs={this.state.columnDefs}
                rowData={this.state.rowData}>
            </AgGridReact>
        </div>
      );
    }
};

Теперь у меня есть возможность получить JSON с помощью .fetch, и я хочу загрузить значения JSON в свою таблицу. Например, скажем, мой JSON приходит так:

{'col1': 'Jeff',
 'col1' : 'Sophie',
 'col1' : 'Kelly'}

Как мне загрузить эти значения в мою таблицу выше? Я попытался добавить в таблицу следующий метод componentDidMount, но затем таблица становится серой и говорит "загрузка..." и никогда не завершает загрузку:

 componentDidMount(){
      myData= getData()  //method calls fetch and returns my JSON items
      this.setState({
            rowData: myData
       });
  }

Как загрузить JSON в таблицу ag-grid (React)?

Ответы (1)