React MUI 错误缺少数组 react/jsx-key 中元素的“键”道具

Question

{
    field: 'deletedAt',
    headerName: 'DeleteAt',
    type: 'actions',
    width: 200,
    editable: false,
    getActions: () => [<GridActionsCellItem icon={<DeleteIcon />} label="Delete" />],
  },

return (
    <div style={{ height: 720, width: '100%' }}>
      <DataGridPro
        rows={customizings}
        columns={columns}
        getRowId={(row) => row._id}
        experimentalFeatures={{ newEditingApi: true }}     
        components={{ Toolbar: GridToolbar }}
        initialState={{ pinnedColumns: { right: ['actions'] } }}
      />
    </div>
  );

I want to add this icon to the contents of the datagrid table, but I am getting a back key error. How can I solve?

Answer 1

Antwort: Name of field must be actions