MUI DataGrid 错误：TypeError：无法读取未定义的属性（正在读取“MuiDataGrid”）

Question

我试图更改我的 DataGrid MUI 参数的默认参数的语言，由于某种原因，当我尝试添加 localeText 时遇到错误，我正在按照他们资源中的确切说明进行操作页面，Locale Text

这是它显示的错误：

这就是我正在做的（只是添加相关代码）：

import { DataGrid, esES} from '@mui/x-data-grid';

<DataGrid 
  localeText={esES.props.MuiDataGrid.localeText}
  rows={estudiantes}
  columns={columns}
  autoPageSize 
/>

Answer 1

我认为文档已经过时，如果您记录 esES 变量，您将知道在 localeText 中放入什么：

<DataGrid
  {...data}
  localeText={esES.components.MuiDataGrid.defaultProps.localeText}
  components={{
    Toolbar: GridToolbar
  }}
/>

在 v4 中，可以使用 esES.props.MuiDataGrid.localeText，因为这是您覆盖默认道具的方式：

const theme = createTheme({
  props: {
    MuiDataGrid: {
      localeText: {...},
    },
  },
});

在 v5 中，它是 esES.components.MuiDataGrid.defaultProps.localeText，因为默认的 props 路径更改为：

const theme = createTheme({
  components: {
    MuiDataGrid: {
      defaultProps: {
        localeText: {...},
      },
    },
  },
});

现场演示

参考

• https://mui.com/guides/migration-v4/#theme-structure