javascript - 如何获取嵌套值并将其链接到将列传递到 Material 表的字段

Question

我正在尝试创建一个表，并且我有如下嵌套数据:

[{
  id: 24,
  name: "DANIEL TSUTOMU OBARA",
  number: "134",
  phone: "11111111111",
  rg: "4034092666",
  EmployeeStatus: {
    createdAt: "2019-08-07T14:38:52.576Z"
    description: "Documentos rejeitados"
    id: 3
    updatedAt: "2019-08-07T14:38:52.576Z"
  },
  Sector: {
    id: 2,
    name: "Controladoria"
  }
}]

并具有此结构列表:

columns: [
          { title: "Nome", field: "name" },
          { title: "CPF", field: "cpf" },
          { title: "Função", field: "FunctionId", lookup: {} },
          {
            title: "Setor",
            field: "SectorId",
            lookup: {}
          },
          {
            title: "Status",
            field: "EmployeeStatus", <------- I want to get description here
            editable: "never"
          }
        ],

然后，我需要将这些列传递到我的 Material 表中，如下所示:

<MaterialTable
  columns={state.columns}
  data={state.data}
  title=""
  icons={tableIcons}
  editable={{
      onRowAdd: newData => createInstructor(newData),
      onRowUpdate: async (newData, oldData) =>
        updateInstructor(newData, oldData),
      onRowDelete: oldData => deleteInstructor(oldData)
    }}
  />

那么，我如何才能访问列字段中的嵌套数据？

谢谢!

Answer 1

请找到以下解决方案。我期望数据也有其他对象，因此找到第一个具有可用 key 的对象。

let data = [{
  id: 24,
  name: "DANIEL TSUTOMU OBARA",
  number: "134",
  phone: "11111111111",
  rg: "4034092666",
  EmployeeStatus: {
    createdAt: "2019-08-07T14:38:52.576Z",
    description: "Documentos rejeitados",
    id: 3,
    updatedAt: "2019-08-07T14:38:52.576Z"
  },
  Sector: {
    id: 2,
    name: "Controladoria"
  }
}]

let columns = [
          { title: "Nome", field: "name" },
          { title: "CPF", field: "cpf" },
          { title: "Função", field: "FunctionId", lookup: {} },
          {
            title: "Setor",
            field: "SectorId",
            lookup: {}
          },
          {
            title: "Status",
            field: "EmployeeStatus",
            editable: "never"
          }
        ];
        
let columnToUpdate = columns.find(obj => obj.title==="Status"); //find the column in columns array

let desc = data.find(obj => Object.keys(obj).includes('EmployeeStatus')).EmployeeStatus.description; // get description

columnToUpdate.field = desc; // mutate the object

console.log(columns);