javascript - 错误 : Material-UI: The data grid component requires all rows to have a unique id property. 在 rows 属性中提供了没有 id 的行:

Question

我收到这个错误:

Error: Material-UI: The data grid component requires all rows to have a unique id property.
A row was provided without id in the rows prop:

当我使用以下方法向 DataGrid 组件中的行添加新行时:

const handleNewJobCreation = (newRow) => {
    setRows([
        {...newRow},
        rows
    ]);
}

但是，我可以看到我所有的行在数据集中都有 id 属性，我想知道如何解决这个问题才能将新数据附加到行。

Answer 1

如错误消息所述，您的行对象缺少 id 属性。您需要添加具有唯一值的 id 属性以消除错误。如果您有一个没有名称 id 的唯一字段，则需要添加一个 getRowId 回调以返回每一行的正确 ID:

<DataGrid getRowId={row => row.yourUniqueField}