Реагировать на материал заполнить таблицу из ответа API

Question

Таблица пользовательского интерфейса принимает данные в этом формате.

 rows: [
      createData(1, "dashboard", "details"),
      createData(2, "product", "product details"),
    ].sort((a, b) => (a.id < b.id ? -1 : 1))

А ответ от API, который я храню в состоянии, похож на

rows: Array(2)
 0: {id: 1, category_name: "dashboard", category_details: "details"}
 1: {id: 2, category_name: "product", category_details: "product details"}
 length: 2
__proto__: Array(0)

Итак, как назначить ответ из массива json в таблицу пользовательского интерфейса материала в реагировать?

Answer 1

Сделайте что-то вроде ниже

 const dataRows = [];
 this.state.rows.forEach((item, i) => {
    dataRows.push(createData(item.id, item.category_name, item.category_details));
 });

console.log («строки», dataRows);

// над консольным журналом будет напечатано

  [
  createData(1, "dashboard", "details"),
  createData(2, "product", "product details"),
 ]

Просто передайте dataRows в таблицу UI материалов