reactjs - 在 JSON 数据中的可选字段的情况下找不到 AG-GRID 字段

Question

我在连接 ag-grid 数据时遇到问题。我收到此错误是因为我要显示的数据中没有列。

可用的 Json 数据如下

[{id=1,customerNo:10},{id=2,customerNo:11,customerName:"Skarakas"}]

Ag-Grid 列如下：

[{
  headerName: "id",
  field: "id"
}, {
  headerName: "Customer No",
  field: "customerNo"
}, {
  headerName: "Customer Name",
  field: "customerName"
}]

CustomerName 已经出现在行中，但有时不是。由于这个原因，Ag-Grid 不起作用。我可以在不更改数据的情况下解决问题吗？

我无法理解该错误是由 ag 网格引起的。但是当我从数据中删除客户名称字段时，json 有效

标签： reactjsag-gridag-grid-react

Answer 1

这是一个关于如何解决该问题的示例：

[{
    headerName: "id",
    field: "id"
  },
  {
    headerName: "Customer No",
    field: "customerNo"
  },
  {
    headerName: "Customer Name",
    field: "customerName",
    valueGetter: function(params) {
      const value = params.node.data[params.colDef.headerName];
      return value === undefined ? '' : value;
    }
  }
]

可能有更好甚至更简单的方法，可能是通过设置 defaultValue 但你必须挖掘 Aggrid 的大量文档。