Ошибка MUI DataGrid: ошибка типа: не удается прочитать свойства неопределенного (чтение 'MuiDataGrid')

#reactjs #datagrid #material-ui #locale

#reactjs #datagrid #материал-пользовательский интерфейс #locale

Вопрос:

Я пытался изменить язык параметров по умолчанию для моих параметров DataGrid MUI, и по какой-то причине я получаю сообщение об ошибке, когда пытаюсь добавить localeText Я следую точным инструкциям с их страницы ресурсов, текст локали

Это ошибка, которую он показывает:

Это то, что я делаю (просто добавляю соответствующий код):

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

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

Ответ №1:

Я думаю, что документы устарели, если вы зарегистрируете esES переменную, вы будете знать, что вводить localeText :

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

В версии esES.props.MuiDataGrid.localeText 4 может использоваться, потому что именно так вы переопределяете реквизиты по умолчанию:

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

В версии 5 это esES.components.MuiDataGrid.defaultProps.localeText связано с тем, что путь к реквизитам по умолчанию изменен на:

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

Живая демонстрация

Ссылка

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