react material ui select您为select组件提供了一个超出范围的值"undefined

Question

<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的数据时加载时发生了未完成的情况，这导致了一个错误。在这种情况下，我们该怎么办？我可以忽略它吗，因为它是一个警告，而不是一个错误？

Answer 1

我的建议有两部分。

1. 该值的语法具有布尔运算。创建一个变量或其他状态来保存要应用的值
2. 还要记住，第一次通过渲染"；selectValue"将未定义