Проблема с получением параметров значений в функции 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 || [];
},
}
Что я пробовал:
- Функция doFetch правильно определена и работает должным образом. Я вижу, что мой массив возвращается на вкладке «Сеть», и не вижу никаких проблем на моем сервере.
- Конфигурация DataGrid кажется правильной, видимых конфликтов или отсутствующих параметров нет.
Вопросы:
- Что может быть причиной проблемы в этом сценарии?
- Есть ли какие-либо распространенные ошибки, на которые следует обратить внимание при использовании функции valueOptions в MUI DataGrid?
- Есть ли что-то, что я могу упустить из виду, что мешает правильному заполнению параметров значений?
- Существуют ли какие-либо конкретные аспекты жизненного цикла DataGrid, которые могут повлиять на поведение функции valueOptions?
Любые идеи или рекомендации будут очень признательны. Заранее спасибо!