是否可以在 Material-ui 中禁用 <MenuItem> ？

Question

所以我试图用 React 和 Material-UI 编写一个自定义组合框。它将显示输入中选定的值，在下拉列表中提供选项列表（MenuItems），并在底部有一个用于输入新选项的文本框。

这是它的样子

<TextField
  className={classes.textBox}
  select
  onChange={handleChange}
  label="My input"
>
  <MenuItem value={10}>Ten</MenuItem>
  <MenuItem value={20}>Twenty</MenuItem>
  <MenuItem value={30}>Thirty</MenuItem>
  <MenuItem>
    <TextField />
  </MenuItem>
</TextField>

问题是每当我单击 TextField 时，它都会认为我正在选择它并关闭下拉列表。是否可以阻止这种行为？

Answer 1

您还可以使用AutoComplete，这里是material ui文档中的参考。 Material ui 自动完成文档

如果您想禁用 MenuItem，您可以将其放入代码中。例子：

<MenuItem disabled>MenuItem disabled</MenuItem>