从API响应中反应材料ui填充表

Question

材料ui表以此格式接受数据。

 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数组分配给材料ui表中的react？

Answer 1

做类似下面的事情

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

console.log（“rows”，dataRows）;

//将在控制台日志上方打印

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

只需将dataRows传递给material-UI表即可