react material-выбор пользовательского интерфейса Вы предоставили выходящее за пределы диапазона значение `неопределенное` для выбранного компонента

#reactjs #material-ui

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

Вопрос:

                     <FormControl
                      size="small"
                      variant="outlined"
                      style={{ width: '100%' }}
                    >
                      <InputLabel>Type</InputLabel>
                      <Select
                        label="type"
                        value={'' || selectValue}
                        onChange={handleChange}
                      >
                        {type?.getCode?.map(option => (
                            <MenuItem key={option.COM_CD} value={option.COM_CD}>
                              {option.COM_CD_NM}
                            </MenuItem>
                          ))
                        )}
                      </Select>
                    </FormControl>
  

Это ошибка. (Вы указали значение вне диапазона undefined для выбранного компонента.
Рассмотрите возможность предоставления значения, соответствующего одному из доступных параметров или «.
Доступные значения U001 , U002 . )

На мой взгляд, незавершенное произошло при загрузке при получении данных с именем type, что вызывает ошибку. Что нам делать в этом случае? Могу ли я игнорировать это, потому что это предупреждение, а не ошибка?

Ответ №1:

2 части моего предложения.

  1. Синтаксис значения имеет логическую операцию. Создайте переменную или другое состояние для хранения значения, которое вы хотите применить.
  2. Также помните, что при первом рендеринге «selectValue» будет неопределенным.