如何让 Material-UI DataGrid 从数组中读取对象数据？

Question

我目前正在使用 Redux 从 API 获取数据。然后，我使用这些数据从 Material-UI 填充 DataGrid 组件。下面是 api 响应的样子：

以下是我当前对列定义的设置：

DataGrid 似乎能够从结果中识别 id 字段，如下所示，但是，我似乎无法深入了解属性以获取更多详细信息。

我正在寻找一种解决方案，允许我显示属性数据以及 id。感谢所有帮助，谢谢！

Answer 1

您可以使用valueGetter：

const columns = [
  // ...
  {
    field: 'attributeName',
    headerName: 'Attribute Name',
    valueGetter: (params) => {
      return params.getValue(params.id, "attributes").name;
    }
  },
  // ...
];

您可能还需要sortComparator来处理此列的排序。