reactjs - 无法读取 MUI Select 组件中未定义的属性“道具”

Question

一旦<Select>组件加载，我就会收到此错误。我的代码：

const [x, setX] = useState("");
return (
  <Select
    onChange={v => setX(v)}
    value={x}>
    <MenuItem value={null}></MenuItem>
    <MenuItem value={10}>10</MenuItem>
    <MenuItem value={20}>20</MenuItem>
  </Select>
)

Uncaught TypeError: Cannot read property 'props' of undefined Select.js:88 
The above error occurred in the <Select> component:

Answer 1

确保<Select value>属性中使用的初始状态作为选项之一存在<MenuItem>

就我而言，我设置""为默认值，但默认<MenuItem>值为null

将两者都设置为null解决问题：

const [x, setX] = useState(null);
...
<MenuItem value={null}></MenuItem>