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

【问题标题】：AG-GRID field is not found in case of optional field in JSON data在 JSON 数据中的可选字段的情况下找不到 AG-GRID 字段
【发布时间】：2019-12-18 00:50:47
【问题描述】：

我在连接 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 有效

【问题讨论】：

显示的确切错误是什么？
我无法理解错误是由 ag 网格引起的，但是当我从数据中删除客户名称字段时，json 可以工作。我添加图片。
@skarakas 您可能可以使用来自 Aggrid 的 valueGetter，如果您尝试访问的值未定义，您可以在这种情况下返回默认值。 ag-grid.com/javascript-grid-value-getters/#value-getter

标签： reactjs ag-grid ag-grid-react

【解决方案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 的大量文档。

【讨论】：