材料UI选择分组菜单项-值不成立

Question

我的材料UI React代码需要在Select中将MenuItem分组。但这是行不通的。未选择默认值。下面是我的示例代码。当我删除div标签时，一切正常。今天我花了几个小时寻找解决方案。

import React from 'react';
import MenuItem from '@material-ui/core/MenuItem';
import Select from '@material-ui/core/Select';

export default function GroupedSelect() {
  let array=[1,2,3,4];

  return (
    <div>
        <Select  id="grouped-select" value={4}>
        {array.map(item => (
          <div>
            <MenuItem value={item}>{item}</MenuItem>
          </div>
        ))}
        </Select>
    </div>
  );
}

Answer 1