Проблема с получением параметров значений в функции valueOptions MUI DataGrid.

Я столкнулся с проблемой при попытке получить параметры значений для столбца SingleSelect в DataGrid MUI. Несмотря на то, что я вижу, что ответ сети передает обратно ожидаемые данные (массив строк), функция valueOptions не заполняет параметры значения, как ожидалось в DataGrid. Вместо этого сетка выдает ошибку

      useGridLoggerFactory.js:26 MUI: GridErrorHandler - An unexpected error occurred. Error: valueOptions is not a function or its return value is not iterable.  TypeError: valueOptions is not a function or its return value is not iterable
    at renderSingleSelectOptions (GridFilterInputSingleSelect.js:17:1)
    at GridFilterInputSingleSelect 

Вот моя конфигурация столбца:

      {
  field: 'info.status',
  headerName: 'Status',
  flex: 1,
  valueGetter: (params) => {
    return params?.row?.info?.statusLabel;
  },
  type: 'singleSelect',
  valueOptions: async () => {
    const valueOptions = await doFetch(getURL(config.api['fetchStatusOptionsURL']), context);
    return valueOptions || [];
  },
}

Что я пробовал:

  1. Функция doFetch правильно определена и работает должным образом. Я вижу, что мой массив возвращается на вкладке «Сеть», и не вижу никаких проблем на моем сервере.
  2. Конфигурация DataGrid кажется правильной, видимых конфликтов или отсутствующих параметров нет.

Вопросы:

  • Что может быть причиной проблемы в этом сценарии?
  • Есть ли какие-либо распространенные ошибки, на которые следует обратить внимание при использовании функции valueOptions в MUI DataGrid?
  • Есть ли что-то, что я могу упустить из виду, что мешает правильному заполнению параметров значений?
  • Существуют ли какие-либо конкретные аспекты жизненного цикла DataGrid, которые могут повлиять на поведение функции valueOptions?

Любые идеи или рекомендации будут очень признательны. Заранее спасибо!

0 ответов

Другие вопросы по тегам