<DataGrid
className={classes.datagrid}
page={page}
pageSize={rowsPerPage}
rows={rows}
columns={columns}
sortModel={sortModel}
rowCount={meta.total}
loading={store.panels.loading}
rowsPerPageOptions={
[5, 10, 25, 50] as PageSizeOptions[]
}
disableSelectionOnClick
onPageSizeChange={changePageSize}
autoHeight
onPageChange={handlePageChange}
onSortModelChange={updateSort}
components={{
loadingOverlay: LoadingOverlay,
noRowsOverlay: NoRowOverlay,
}}
/>
然后,我从全局商店的数组中删除一行。 我收到以下错误:
TypeError: Cannot read property 'id' of undefined
(anonymous function)
node_modules/@material-ui/data-grid/dist/index-esm.js:15
etc...
const columns: ColDef[] = [
{ field: 'id', hide: true },
{
headerName: 'Name',
field: 'name',
width: 110,
},
];
仅当我尝试删除一行时,就会发生错误。
添加,获取或更新效果很好。
MUI DataGrid似乎是一个错误
https://material-ui.com/components/data-grid/rows/
我知道
埃米尔pix在v4.0.0-alpha.10中发布。 参考:
Https://github.com/mui-org/material-ui-x/issues/571
DataGrid的确是错误。您需要将库降至版本:4.0.0-alpha.8或将其设置为“ https://pkg.csb.dev/mui-org/material-ui-x/commit/02423225/@material-aterial-paterial-aperial-ui/data-rid/data-grid/tata-grid/tata-grid/tas-data-grid/thow/024232225