要控制的高度是Paper元素，该元素由Menu中的Popover元素呈现。
默认样式为maxHeight: 'calc(100% - 96px)'。
下面是一个如何在Material-UI的v4中覆盖此内容的示例（v5示例更下方）：

import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import InputLabel from "@material-ui/core/InputLabel";
import MenuItem from "@material-ui/core/MenuItem";
import FormControl from "@material-ui/core/FormControl";
import Select from "@material-ui/core/Select";

const useStyles = makeStyles(theme => ({
  formControl: {
    margin: theme.spacing(1),
    minWidth: 120
  },
  selectEmpty: {
    marginTop: theme.spacing(2)
  },
  menuPaper: {
    maxHeight: 100
  }
}));

const VALID_NOTES = [
  "C",
  "C#",
  "D",
  "D#",
  "E",
  "F",
  "F#",
  "G",
  "G#",
  "A",
  "A#",
  "B"
];
export default function SimpleSelect() {
  const classes = useStyles();
  const [note, setNote] = React.useState("");

  const handleChange = event => {
    setNote(event.target.value);
  };

  return (
    <div>
      <FormControl className={classes.formControl}>
        <InputLabel id="demo-simple-select-label">Note</InputLabel>
        <Select
          labelId="demo-simple-select-label"
          id="demo-simple-select"
          value={note}
          onChange={handleChange}
          MenuProps={{ classes: { paper: classes.menuPaper } }}
        >
          {VALID_NOTES.map(validNote => (
            <MenuItem value={validNote}>{validNote}</MenuItem>
          ))}
        </Select>
      </FormControl>
    </div>
  );
}

字符串
x1c 0d1x的数据
关键的方面是MenuProps={{ classes: { paper: classes.menuPaper } }}和menuPaper样式的定义，
下面是一个类似的示例，但针对的是Material-UI的v5。此示例利用了新的sx属性进行样式设置。

import React from "react";
import InputLabel from "@mui/material/InputLabel";
import MenuItem from "@mui/material/MenuItem";
import FormControl from "@mui/material/FormControl";
import Select from "@mui/material/Select";

const VALID_NOTES = [
  "C",
  "C#",
  "D",
  "D#",
  "E",
  "F",
  "F#",
  "G",
  "G#",
  "A",
  "A#",
  "B"
];
export default function SimpleSelect() {
  const [note, setNote] = React.useState("");

  const handleChange = (event) => {
    setNote(event.target.value);
  };

  return (
    <div>
      <FormControl sx={{ m: 1, minWidth: 120 }} variant="standard">
        <InputLabel id="demo-simple-select-label">Note</InputLabel>
        <Select
          labelId="demo-simple-select-label"
          id="demo-simple-select"
          value={note}
          onChange={handleChange}
          MenuProps={{ PaperProps: { sx: { maxHeight: 100 } } }}
        >
          {VALID_NOTES.map((validNote) => (
            <MenuItem value={validNote}>{validNote}</MenuItem>
          ))}
        </Select>
      </FormControl>
    </div>
  );
}

型

的

2022使用MUI 4.12应答

如果这对你有帮助，上面的答案都不是正确的结构为我们的用例。我发现你只需要访问Select组件上的MenuProps。像这样：

<Select
...
   MenuProps={{
      style: {
         maxHeight: 400,
            },
      }}
>
</Select>

字符串

在MUI文档中有一个部分，其中有Select的高度有限的示例。您可以设置Paper的高度，这是Menu中所有可扩展项的容器，这是使用MenuProps的Select的弹出窗口，如下所示：

// the MenuItem height is a bit different between xs and larger breakpoints
const ITEM_HEIGHT = 36;
const MOBILE_ITEM_HEIGHT = 48;

const ITEM_PADDING_TOP = 8;
const MENU_ITEMS = 3; // change this to your preference.

个字符

现场演示

的数据

我还想补充一点，如果你直接使用TextField而不是Select，你可以这样做：

<TextField
    select
    SelectProps={{
        MenuProps: {
            style: {
                maxHeight: 400,
            },
        },
    }}
/>

字符串