小编jak*_*ron的帖子

所以我试图用 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 时，它都会认为我正在选择它并关闭下拉列表。是否可以阻止这种行为？