我是Material Ui的新手，目前正在嘗試實現他們的SELECT組件，但是它是以行而不是列打開的。我錯過了什么嗎？

const SelectDropDownComponent = ({ options }) => {
  const classes = useStyles();
  const [age, setAge] = React.useState("");

  const handleChange = (event) => {
    setAge(event.target.value);
  };
  return (
    <div>
      <FormControl className={classes.formControl}>
        <Select
          value={age}
          onChange={handleChange}
          displayEmpty
          className={classes.selectEmpty}
          inputProps={{ "aria-label": "Without label" }}
        >
          <MenuItem value="">
            <em>None</em>
          </MenuItem>
          <MenuItem value={10}>Ten</MenuItem>
          <MenuItem value={20}>Twenty</MenuItem>
          <MenuItem value={30}>Thirty</MenuItem>
        </Select>
      </FormControl>
    </div>
  );
};

關閉時選擇 打開時選擇

我也有同樣的問題。我通過指定如下樣式來解決這個問題:

<Select
        MenuProps={{
          MenuListProps: {
            sx: {
              "li.MuiButtonBase-root": {
                display: "flex",
                flexDirection: "column",
              },
            },
          },
        }}