小编22a*_*ous的帖子

我正在为我的 React 项目使用 Material UI，并使用 Material UI 文档中显示的选择下拉列表。单击第一组选择下拉菜单时，会弹出一个 Material UI 纸张，其中的选项与选择元素本身重叠。如何使用自定义主题将弹出窗口放在选择元素下方一点，以便它不会重叠？

    import React from 'react';
    import ReactDOM from 'react-dom';
    import PropTypes from 'prop-types';
    import { withStyles } from '@material-ui/core/styles';
    import OutlinedInput from '@material-ui/core/OutlinedInput';
    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 styles = theme => ({
      root: {
        display: 'flex',
        flexWrap: 'wrap',
      },
      formControl: {
        margin: theme.spacing.unit,
        minWidth: 120,
      },
    });
    
    class SimpleSelect extends React.Component {
      state = {
        age: '', …