Wie füge ich jeder Zeile in MUI DataGrid eine Seriennummer hinzu?

Zuerst werden einige Daten vom Server angefordert. Und dann möchte ich einige Daten hinzufügen. Der Datenwert enthält keine ID, aber das Formular muss die Seriennummer anzeigen.

 const columns: GridColDef[] = [
 { 
 field: 'id', 
 headerName: 'number', 
 filterable: false,
 renderCell:(index:any) => `${index + 1}`
 },
 { field: 'code', headerName: ' code' },
 { field: 'type', headerName: ' type' },
 ]

<DataGrid rows={row} columns={columns} />

Aber Index ist Nan. Wie generiere ich eine Seriennummer in jeder Zeile in einer Tabelle, wenn ich neue Daten hinzufüge?

Lösung des Problems

Sie können die renderCell-Methode verwenden, und ihre Stütze hat einen ID-Schlüssel, der für jede Zeile eindeutig ist. Es würde in etwa so aussehen.

renderCell: (params) => {
 return (<h1>
 {'serial Number:', params.id}
 </h1>);
 }

Sie können auch das npm-Paket nanoid verwenden, um eine eindeutige ID für jede Zeile zu generieren.