未捕获的错误：MUI：数据网格组件要求所有行都具有唯一的“id”属性

Question

这是组件：

export const GradeTable = (props: GradeTableProps) => {
  console.log('GradeTable');
  console.log(props.rows);
  return (
    <div style={{ height: 400, width: '100%' }}>
      <DataGrid
        rows={props.rows}
        columns={columns}
        pageSize={5}
        rowsPerPageOptions={[5]}
      />
    </div>
  );
}

我为每一行分配了一个唯一的 ID，但我仍然收到错误消息。

我还尝试添加getRowId={(row) => row.studentId}因为它通常在 StackOverflow 上建议，但它是相同的错误。 我不明白为什么。

Answer 1

您可能只需要使用 getRowId 属性来指定数据中的键以获取 id。