Reactjs react material ui select您为select组件提供了超出范围的值“undefined” 类型 {type?.getCode?.map(选项=>( {option.COM_CD_NM} )) )}

Reactjs react material ui select您为select组件提供了超出范围的值“undefined” 类型 {type?.getCode?.map(选项=>( {option.COM_CD_NM} )) )},reactjs,material-ui,Reactjs,Material Ui,这就是错误所在。(您为所选组件提供了超出范围的值未定义。 考虑提供一个匹配可用选项或'''的值。 可用值为U001,U002) 在我看来,在接收名为type的数据时加载时发生了unfinished,这导致了一个错误。在这种情况下,我们应该怎么做?我可以忽略它,因为它是一个警告,而不是一个错误吗?2部分是我的建议 该值的语法具有布尔运算。创建变量或其他状态以保存要应用的值 还请记住,第一次通过渲染“selectValue”将是未定义的 <FormCon

这就是错误所在。(您为所选组件提供了超出范围的值
未定义。
考虑提供一个匹配可用选项或'''的值。
可用值为
U001
U002


在我看来,在接收名为type的数据时加载时发生了unfinished,这导致了一个错误。在这种情况下,我们应该怎么做?我可以忽略它,因为它是一个警告,而不是一个错误吗?

2部分是我的建议

  • 该值的语法具有布尔运算。创建变量或其他状态以保存要应用的值
  • 还请记住,第一次通过渲染“selectValue”将是未定义的
  •                     <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>